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>
    );
  }
}

返回上一级

React Native 中文文档

关于   |   FAQ   |   我们的愿景   |   广告投放   |  博客

  简单教程,简单编程 - IT 入门首选站

Copyright © 2013-2022 简单教程 twle.cn All Rights Reserved.