apache-flex 在react native中以不同方式对齐两个子项

ma8fv8wu 于 2022-11-01 发布在 Apache

关注(0)|答案(1)|浏览(105)

我想有一个标题与后退按钮的左边和一个文本/标题在标题的中心。
就像这样：

<View style={styles.topbar}>
    <TouchableOpacity>
        <Text style={styles.topbarButton}>{" <"}</Text>
    </TouchableOpacity>
    <View>
        <Text style={styles.topbarText}>Title</Text>
    </View>
</View>

我尝试在styles.topbar中使用flex，但我尝试的东西似乎都不起作用。
我是相当新的弯曲和React原生，所以一些帮助的风格将是伟大的。
谢谢大家。

apache-flex

来源：https://stackoverflow.com/questions/41212593/align-two-children-differently-in-react-native

1条答案

按热度按时间

roejwanj1#

我们开始吧：

<View style={{width:devicewidth,flexDirection:'row',height:40,top:0,position:'absolute'}}>
   <TouchableOpacity style={{left:0,position:'absolute',alignItems:'flex-    start'}}>
      <Text style={styles.topbarButton}>{" <"}</Text>
   </TouchableOpacity>
     <View style={{justifyContent:'center'}}>
      <Text style={styles.topbarText}>Title</Text>
     </View>
</View>

上面的代码将打印左上方的后退按钮和中间的文本。Flex方向用于指示视图以行方向打印。

赞(0）回复(0）举报 2022-11-01

我来回答

apache-flex 在react native中以不同方式对齐两个子项

1条答案

相关问题

热门标签

最新问答