React Native 中的 ImageBackground 组件的 style 属性
React Native 中的 ImageBackground 组件的 style 属性用于设置 ImageBackground 组件的样式。
导入模块
import { ImageBackground } from 'react-native'
属性说明
| 类型 | 是否必填 | 平台 |
|---|---|---|
| view styles | 否 | Android,iOS |
使用语法
<ImageBackground style={{margin:10,padding:10}} </ImageBackground>
范例
下面的范例演示了 ImageBackground 组件的 style 属性的基本使用
import React, {Component} from 'react'; import {Text,View,ImageBackground} from 'react-native'; export default class App extends Component{ render() { return ( <View> <ImageBackground style={{width:300,height:169}} source={{uri:'https://www.twle.cn/static/i/img1.jpg'}} imageStyle={{width:300,height:169}}> <Text>简单教程，简单编程</Text> <Text>https://www.twle.cn</Text> </ImageBackground> </View> ); } }