反应原生材质图标 css 样式答案

【问题标题】：react native material icon css style反应原生材质图标 css 样式
【发布时间】：2018-11-20 21:23:10
【问题描述】：

我在下面使用材质图标有以下反应本机图标。问题是可以使用哪种 CSS 样式使图标并排显示。

<TouchableOpacity onPress={this.onButtonPress}>
    <Icon style={{textAlign:"center", flexDirection:"row"}} name="search-web" size={30} color="#009688" />
</TouchableOpacity>


<TouchableOpacity onPress={()=>this.props.navigation.navigate('ConsentDetail')}>

    <Icon style={{textAlign:"center", flexDirection:"row"}} name="filter-variant" color="#009688" size={30} />
</TouchableOpacity>

【问题讨论】：

“图标并排显示”是什么意思？
我希望图标从左到右水平显示。
我想你正在寻找这个：stackoverflow.com/a/36392521/2405689

标签： reactjs react-native native

【解决方案1】：

用view 包裹整个内容，然后给它flex-direction: 'row'。

【讨论】：

向我们展示您的解决方案代码会更清楚。