Android中使用react-native框架中的View组件如何使其中的文本换行
2018-03-29 10:02
1031 查看
想使View中的Text文本实现换行其实很简单,只需要在文本后加一个“{\n}”即可
代码实例:
<View>
<Text>代号{"\n"}</Text>
<Text style={{fontSize:12}}>010{"\n"}</Text>
<Text style={{fontSize:12}}>020{"\n"}</Text>
<Text style={{fontSize:12}}>030{"\n"}</Text>
<Text style={{fontSize:12}}>040{"\n"}</Text>
<Text style={{fontSize:12}}>050</Text>
</View>效果图:
代码实例:
<View>
<Text>代号{"\n"}</Text>
<Text style={{fontSize:12}}>010{"\n"}</Text>
<Text style={{fontSize:12}}>020{"\n"}</Text>
<Text style={{fontSize:12}}>030{"\n"}</Text>
<Text style={{fontSize:12}}>040{"\n"}</Text>
<Text style={{fontSize:12}}>050</Text>
</View>效果图:
相关文章推荐
- 如何创建一个Android原生的react-native组件(一)
- 如何创建一个依赖Android AAR文件的React Native组件
- 支持android&ios高度自适应及JS相互调用的组件react-native-webview2
- react native ViewPagerAndroid 使用详解
- 支持android&ios高度自适应及JS相互调用的组件react-native-webview2
- React-Native系列Android——自定义View组件开发
- ReactNative ViewPageAndroid组件详解
- Android中的AutoCompleteTextView(随笔提示文本)组件的简单使用
- react-native-swipe-list-view侧滑删除组件使用
- HTML---android webview组件如何使用 Webview与js交互
- 【React Native开发】 - WebView组件的使用
- 【React Native开发】React Native控件之WebView组件详解以及实例使用(22)
- React Native之Image组件使用时Android和iOS兼容性
- React Native ViewPagerAndroid使用小结
- React-Native之ViewPagerAndroid的使用
- React Native之ViewPagerAndroid 组件
- Android中的AutoCompleteTextView(随笔提示文本)组件的简单使用
- ReactNative开发之DrawerLayoutAndroid组件的使用
- React Native 中如何使用Android的第三方控件以Android的弹幕为例
- React Native之ViewPagerAndroid 组件