我在行上添加了两个元素
render() { return ( <View style={{ flexDirection: 'row',justifyContent: 'center' }}> <Icon name='person' color='#98999c' onPress={this.handleClick.bind(this)} /> <Text style={ styles.header }> { 'User Name' } </Text> </View> ) }
我怎样才能在它们之间添加空格?
编辑:
我这里也有明智的问题:
const AppNavigator = StackNavigator({ Home: { screen: AppDrawer,navigationOptions: ({navigation}) => ({ headerLeft: <View style={{ flexDirection: 'row',justifyContent: 'space-between' }}> <Icon name="menu" size={35} margin={30} padding={30} onPress={ () => navigation.navigate('DrawerOpen') } /> <ChangeLanguage style={{ margin: 30,padding: 30}} /> </View>,headerRight: <HeaderUserInformation />,}) }
您可以使用大括号,例如带有双引号和空格单引号的表达式,即
{" "} or {' '}
您还可以使用ES6模板文字,即
` <li></li>` or ` ${value}`
您也可以使用下面的& nbsp
<span>sample text <span>
您还可以在打印html内容时使用dangerously_nbsp在dangerouslySetInnerHTML中
<div dangerouslySetInnerHTML={{__html: 'sample html text: '}} />
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。