javascript - 以他人为中心

我试图将“电池L”和“电池R”下的值（数字+％）居中。
例如：

Battery L    Battery R
  100%         100%

你知道我该怎么办吗？

<View style={{ alignItems: "center" }}>
  <View style={{ flex: 1, flexDirection: "row" }}>
    <View style={{ justifyContent: "flex-end", alignItems: "flex-end", marginRight: 20 }}>
      <Text style={{}}>{"Battery R"}</Text>
    </View>
    <View style={{ justifyContent: "flex-start", alignItems: "flex-start" }}>
      <Text style={{}}>{"Battery L"}</Text>
    </View>
  </View>

  <View style={{ flex: 1, flexDirection: "row" }}>
    <View style={{ justifyContent: "flex-end", alignItems: "flex-end" }}>
      <Text>{"100" + " %"}</Text>
    </View>
    <View style={{ justifyContent: "flex-start", alignItems: "flex-start" }}>
      <Text>{"100" + " %"}</Text>
    </View>
  </View>
</View>

Link

最佳答案

您可以使用以下简单的样式指南来实现此目的

<View style={{ flexDirection: 'row', justifyContent: 'space-around' }}>
  <View style={{ alignItems: 'center', justifyContent: 'center' }}>
    <Text>{"Battery L"}</Text>
    <Text>{"100" + " %"}</Text>
  </View>
  <View style={{ alignItems: 'center', justifyContent: 'center' }}>
    <Text>{"Battery R"}</Text>
    <Text>{"100" + " %"}</Text>
  </View>
</View>

这可能不是最佳解决方案。

希望这对您有所帮助。如有疑问，请放心。

关于javascript - 以他人为中心，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/60229718/