react-native - 在 Text 组件内垂直对齐 Pressable

Question

<View
  style={{
    flexDirection: "row",
  }}
>
  <Text
    style={{
      flex: 1,
    }}
  >
    By continuing, you agree to our{" "}
    <Pressable
      onPress={...}
    >
      <Text>
        Terms of Service
      </Text>
    </Pressable>
  </Text>
</View>

“服务条款”比“继续，即表示您同意我们的”打印得更高。我如何垂直对齐它们？
或者更准确地说 - 我如何获得 Pressable文本垂直对齐到底部？

Answer 1

下面的代码段应该可以工作，但如果不试一试就很难理解。如果您可以提供屏幕截图，我可以提供更多帮助，以获得更合适的结果。

<View>
  <Text style={{
    display: 'flex',
    flexDirection: 'row',
    justifyContent: 'space-between',
    alignItems: 'center'
  }}>
    By continuing, you agree to our{" "}
    <Pressable
      onPress={() => {
        navigate("LegalStack", { screen: "Terms" });
      }}
    >
      <Text style={{margin: 'auto'}}>
        Terms of Service
      </Text>
    </Pressable>
  </Text>
</View>