求问背景图怎么制作,官方文档上的 用Image标签包含方法不起作用。



  • 求问背景图怎么制作,官方文档上的 用Image标签包含方法不起作用。



  • 我也想问这个问题。



  • @luchenkai123 说:

    求问背景图怎么制作,官方文档上的 用Image标签包含方法不起作用

    主要是:
    position设置为absolute
    backgroundColor设置为transparent

    import React, {Component, PropTypes} from 'react';
    import {
      StyleSheet,
      Text,
      View,
      TouchableOpacity,  
      Dimensions,
      PanResponder,
      Animated,
      Easing,
      Image
    } from 'react-native';
    
    const {height, width} = Dimensions.get('window')
    
    class Bgi extends Component {
      render() {
        return (
          <View>
            <View style={styles.back}>
              <Image 
                source={{uri: 'https://img1.doubanio.com/view/photo/photo/public/p2223472557.jpg'}}
                style={{width:width,height:height}}/>
            </View>
    
            <View style={styles.fron}>
              <Text style={{fontSize:30,color: 'white',marginTop: 100,backgroundColor:'transparent'}}>{"Hi, I'm here"}</Text>
            </View>
          </View>
        );
      }
    }
    
    Bgi.propTypes = {
    
    };
    const styles = StyleSheet.create({
      back:{
        width: width,
        height: height,
        position: 'absolute'
      },
      front:{
        width: width,
        height: height,
        position: 'absolute',
        backgroundColor: 'transparent'
      }
    })
    export default Bgi;
    


  • @chezhe 说:

    transparent

    多谢,我试试!