反应本地材质图标css样式

Question

我在下面使用材质图标创建了以下react native图标。问题是，可以使用哪种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>

Answer 1

用view包裹整个内容，然后将其flex-direction: 'row'赋予它。