RN开发-组件View,Text


    1、外联js文件(RN自定义组件)
        module.exports=Header; 导出模块
        const Header=require('./header'); 导入外部js自定义组件()
    
        export default class Demo extends Component{}
        import Demo from './demo.js'
    
    2、遍历数组,添加事件
        show(title){
            alert(title);
        }
        render(){        
            var newsItem=[]
            for(var i in this.props.news){
                var text=(
                    <Text onPress={this.show.bind(this,this.props.news[i]}
                        numberOfLines={2}
                        sytle={sytle.news_item}
                        key={i}
                    >
                        {this.props.news[i]}
                    </Text>
                );
                newsItem.push(text);
            }
            
            return (
                {newsItem}
            );
        }

posted @ 2016-10-18 10:00  农民子弟  阅读(329)  评论(0编辑  收藏  举报