react-native - 世博会（反应原生）和在 Android 上工作，而不是在 iPhone 上工作

Question

下面代码的目的是在两列中的同一行上放置文本，例如 html 表格。此 Expo 代码适用于 Android，但左侧和右侧的文本未在 iPhone 上显示。

            <Text style={styles.form.title}>Title</Text>
            <View style={{ justifyContent: 'center', }}>
            <Left style={{paddingRight:200}}>
              <Text style={{fontSize:17}}>First row</Text>
              <Text style={{fontSize:17}}>Second row</Text>
           </Left>

            <Right style={{paddingLeft:150, marginBottom:230}}>
              <Text style={{fontSize:17}}>First row</Text>
              <Text style={{fontSize:17}}>Second row</Text>
            </Right>
          </View>

Answer 1

您为左右组件使用什么包？也许该软件包与 IOS 不兼容。

你可以试试这个。我只使用 react-native 组件

<View style={{flex: 1}}>
  <Text style={styles.form.title}>Title</Text>
  <View style={{ flexDirection: 'row', flex: 1 }}>
    <View style={{paddingLeft:200, flex: 1}}>
      <Text style={{fontSize:17}}>First row</Text>
      <Text style={{fontSize:17}}>Second row</Text>
    </View>
    <View style={{paddingRight:150, flex: 1}}>
      <Text style={{fontSize:17}}>First row</Text>
      <Text style={{fontSize:17}}>Second row</Text>
    </View>
  </View>
</View>

您还可以添加 backgroundColor 只是为了清楚地看到视图。尽量不要依赖软件包，因为其中一些在所有操作系统和博览会中都不兼容。