Question

我的按钮在iOS和Android中不在同一位置。在Android中，它们位于屏幕的中间底部（这是我所期望的），但在iOS中，它们位于屏幕的顶部。

您知道如何在iOS中将按钮放置在与Android相同的位置吗？

import { Button } from 'react-native-elements'; 
...
<ImageBackground
    key={`image${i}`}
    source={{uri: image}}
    style={{ width: deviceWidth, justifyContent:'center', alignItems: 'center', flex: 1 }}>
      <View style={{flex: 1}}></View>
      <Text style={{flex: 1}}> {textToDisplayEnglish[i]} </Text>
      <Button
             title={textA[i]}
             style={{flex: 1}}
             type={typeButton[i]}
             onPress={() => this.triggerAction(i)}
      />
      <View style={{flex: 1}}></View>
</ImageBackground>

Answer 1

您有太多flex:1。除非您需要，否则最好避免使用太多。尝试这样的事情：

import { Button } from 'react-native-elements'; 
...
<ImageBackground
    key={`image${i}`}
    source={{uri: image}}
    style={{ width: deviceWidth, justifyContent:'center', alignItems: 'center', flex: 1 }}>

      <Text> {textToDisplayEnglish[i]} </Text>
      <Button
         title={textA[i]}
         type={typeButton[i]}
         onPress={() => this.triggerAction(i)}
      />

</ImageBackground>

希望有帮助！

Android和iOS中的按钮不在同一位置

1 个答案: