如何将火焰图标移至左侧、皇冠图标移至右侧？（React Native布局）

要让火焰图标靠左、皇冠图标靠右，只需调整布局的对齐规则与容器宽度，修改后的代码如下：

<SafeAreaView className="flex-1 min-h-screen bg-black">
  <View className="flex-row w-full pt-12 px-10 justify-between">
    <Pressable>
      <MaterialIcons name="local-fire-department" size={24} color="yellow" />
    </Pressable>
    <Pressable>
      <FontAwesome5 name="crown" size={22} color="yellow" />
    </Pressable>
  </View>
</SafeAreaView>

关键修改说明： #

• 移除SafeAreaView上的items-center justify-center，避免强制子元素居中
• 给承载图标的View添加w-full，让容器占满屏幕宽度
• 给View添加justify-between，实现两个图标元素的两端对齐
• 将火焰图标原有的ml-10替换为容器的px-10，让左右两侧保持一致内边距，布局更规整

如果需要单独调整某一边的间距，也可以给皇冠图标添加mr-10类，替代容器的px-10。

内容的提问来源于stack exchange，提问作者Denver