React Native - 边距或填充在 Android 模拟器上不起作用答案

【问题标题】：React Native - Margin or Padding Not Working on Android EmulatorReact Native - 边距或填充在 Android 模拟器上不起作用
【发布时间】：2021-01-01 16:53:59
【问题描述】：

下面是我的组件的代码。问题是我不能在按钮之间添加任何空格，只能在 Android 模拟器上，如您在图像中看到的那样。现在你看到marginBottom 但如果我用填充替换它，它仍然不起作用。感谢是否有人知道为什么会发生这种情况。

import React from 'react';
import { StyleSheet, View} from 'react-native';
import { Button } from 'react-native-elements';

const HomeScreen = ({navigation}) => {

  return(
    <View style={styles.container}>
      <View>
        <Button title="Sign In" onPress={() => navigation.navigate('SignIn')} style={{ marginBottom: 20}}/>
        <Button title="Sign Up" onPress={() => navigation.navigate('SignUp')} />
      </View>
    </View>
  )
}

HomeScreen.navigationOptions = () => {
  return {
    header: () =>  false
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    paddingLeft: 20,
    paddingRight: 20,
    paddingTop: 40,
    backgroundColor: 'white'
  }
});

export default HomeScreen;

【问题讨论】：

标签： android react-native flexbox

【解决方案1】：

据我所知，您正在使用 react-native-elements，并且样式道具在该组件上不可用，我可以在文档中看到尝试使用此道具“buttonStyle”来设置按钮的样式，如果不可能，请包装按钮围绕一个视图，

谢谢

【讨论】：

你就是男人！是的，我完全没有注意这一点，因为它适用于 ios（不知道为什么）。我没有想到。 buttonSyle 工作正常！谢谢！