react native text 好看的样式实例
ReactNative是一种用于构建移动应用程序的框架,它使用JavaScript和React构建,可以在iOS和Android设备上运行。其中Text组件是React Native中用于渲染文本的基本组件之一。本文将介绍一些React Native Text组件的好看样式实例。
1. 居中文本
```
<Text style={{textAlign:'center'}}>居中文本</Text>
```
2. 下划线文本
```
<Text style={{textDecorationLine:'underline'}}>下划线文本</Text>
```
3. 斜体文本
```
<Text style={{fontStyle:'italic'}}>斜体文本</Text>
```
4. 文本加粗
```
<Text style={{fontWeight:'bold'}}>文本加粗</Text>
```
5. 文本大小
```
<Text style={{fontSize:24}}>文本大小</Text>
```
6. 文本颜reactnative开发
```
<Text style={{color:'red'}}>文本颜</Text>
```
7. 文本背景
```
<Text style={{backgroundColor:'lightblue'}}>文本背景</Text>
```
8. 文本对齐
```
<Text style={{textAlign:'right'}}>文本对齐</Text>
```
9. 多行文本
```
<Text numberOfLines={2}>多行文本</Text>
```
10. 阴影文本
```
<Text style={{textShadowOffset:{width:2,height:2},textShadowColor:'black',textShadowRadius:5}}>阴影文本</Text>
```
以上就是React Native Text组件的一些好看样式实例,可以根据自己的需要进行调整和扩展。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论