B09.Text组件.txt

Text组件主要用于显示文本；具有响应性，可以嵌套，可以继承样式

内部Text组件可以继承外部Text组件的样式

Text组件的特性：

1.onPress

2.numberOfLines 最多显示多少行

3.onLayout

案例：网易新闻客户端 Text组件实现

组件的颗粒度设计主要取决于应用的结构设计

1.头部组件 单独封装 独立成一个文件

 `module.exports=Header;`

`const Header=require('./header');`



2.列表组件

` <List title='一线城市楼市退烧 有房源一夜跌价160万'></List>`



3.重要新闻 组件

`<ImportantNews
                news={[
                '解放军报报社大楼正在拆除 标识已被卸下(图)',
                '韩国停签东三省52家旅行社 或为阻止朝旅游创汇',
                '南京大学生发起亲吻陌生人活动 有女生献初吻-南京大学生发起亲吻陌生人活动 有女生献初吻-南京大学生发起亲吻陌生人活动 有女生献初吻',
                '防总部署长江防汛:以防御98年量级大洪水为目标'
                ]}>
            </ImportantNews>`

`<Text
                    onPress={this.show.bind(this,this.props.news[i])}
                    numberOfLines={2}
                    style={styles.news_item}


                    >{this.props.news[i]}</Text>`


警告的处理：数组里面需要key属性