设为首页收藏本站

react native【免费】VIP视频教程 rn开发者交流论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 2011|回复: 267

[视频教程] 13、手把手教React Native实战之Text组件

  [复制链接]

401

主题

762

帖子

6761

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
6761
发表于 2016-6-16 13:12:15 | 显示全部楼层 |阅读模式
#13、手把手教React Native实战之Text组件

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


加作者微信公众号(dongfangyao888)或扫描下面二维码
推送高清视频教程+语音解说+课堂笔记和源码


内部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)}
                    numberOfLines={2}
                    style={styles.news_item}


                    >{this.props.news}</Text>`


警告的处理:数组里面需要key属性
参考:https://fb.me/react-warning-keys
需要翻墙(免费的翻墙浏览器 QQ群共享)


##13、配套视频(下载地址)
【回复本帖才可见】
游客,如果您要查看本帖隐藏内容请回复

##13、配套视频(补充)【回复本帖才可见】
游客,如果您要查看本帖隐藏内容请回复



react native vip论坛免费发布【手把手教react native实战开发】视频教程,立志于打造全互联网最全面最详细最易懂的React Native
开发视频教程,Facebook已经在多项产品中使用了React Native,并且将持续地投入建设,让我们引领react native开发的潮流!
回复

使用道具 举报

0

主题

56

帖子

126

积分

RN高级VIP

Rank: 9Rank: 9Rank: 9

积分
126
发表于 2016-6-16 19:06:57 | 显示全部楼层
来来来,顶起来
回复 支持 反对

使用道具 举报

1

主题

84

帖子

203

积分

RN高级VIP

Rank: 9Rank: 9Rank: 9

积分
203
发表于 2016-6-23 21:20:04 | 显示全部楼层
顶顶顶顶顶
回复 支持 反对

使用道具 举报

1

主题

5

帖子

51

积分

RN高级VIP

Rank: 9Rank: 9Rank: 9

积分
51
发表于 2016-6-24 16:07:35 | 显示全部楼层
顶顶顶顶顶顶顶顶顶顶顶顶顶顶
回复 支持 反对

使用道具 举报

0

主题

57

帖子

150

积分

RN高级VIP

Rank: 9Rank: 9Rank: 9

积分
150
发表于 2016-6-24 22:55:55 | 显示全部楼层
haha  看看
回复 支持 反对

使用道具 举报

0

主题

55

帖子

144

积分

RN高级VIP

Rank: 9Rank: 9Rank: 9

积分
144
发表于 2016-6-25 01:09:08 | 显示全部楼层
开搞啊
回复

使用道具 举报

1

主题

10

帖子

39

积分

RN高级VIP

Rank: 9Rank: 9Rank: 9

积分
39
发表于 2016-6-26 00:03:38 | 显示全部楼层
jhgjhgkjhnbmnbnm
回复 支持 反对

使用道具 举报

0

主题

25

帖子

100

积分

RN高级VIP

Rank: 9Rank: 9Rank: 9

积分
100
发表于 2016-6-29 15:25:12 | 显示全部楼层
text input 输入和web是一样的吗?
回复 支持 反对

使用道具 举报

1

主题

127

帖子

353

积分

RN高级VIP

Rank: 9Rank: 9Rank: 9

积分
353
发表于 2016-7-2 17:11:35 | 显示全部楼层
asdfgsfasdfasdf
回复 支持 反对

使用道具 举报

0

主题

158

帖子

390

积分

RN高级VIP

Rank: 9Rank: 9Rank: 9

积分
390
发表于 2016-7-4 14:44:53 | 显示全部楼层
持续学习中
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|ReactNative Inc.    

GMT+8, 2018-4-24 05:12 , Processed in 0.186244 second(s), 26 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表