用户登录

React 里的 Text ,是显示文本用的一个组件,你可以嵌套使用 Text ,可以给它添加样式还有设置触摸功能。Text 组件至少要有一个 View 组件包装一下 ..

在这个 View 的里面,添加一组 Text … 里面输入点文字 .. ninghao.net  … 保存,在屏幕上会显示这个 Text 组件里的文字 .. 再给它添加点样式 .. 用一个 style 属性,样式设置成之前我们创建的这个 itemText .. styles.itemText ..

Text 也可以嵌套使用,比如我想让 ninghao 这个字加粗显示 ..  可以先在它的周围用一组 Text 组件包装一下 … 然后在上面添加一个 style 属性。设置一下它的样式 .. 这里可以直接用一个行内的样式 .. 一组花括号.. 添加一个fontWeight 属性 .. 它的值设置成 600 ...

你会看到 ninghao 会加粗显示 .. Text 组件上的样式会有限的被继承 .. 比如这里我们在这个 Text 里用了一个 styles.itemText 的样式,这个样式也会被它里面的这个 Text 继承 .. 这里就是字体,字号这些样式

在这个外面的 Text 上,再添加一个斜体的样式 .. 一组方括号包装一下应用的样式,逗号分隔一下 .. 一个大括号 .. 添加一个 fontStyle 属性 .. 它的值设置成 italic .. 你会看到它里面的, ninghao ,还有 .net 这些文字都会是斜体字 ..

文本组件 - Text《 React Native #1 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点