React Native-边距或填充不适用于Android Emulator

下面是我的组件的代码。问题是，我无法在按钮之间添加任何空格，只能在Android emulator上添加，如图所示。现在您看到的是

marginBottom

，但如果我将其替换为padding，它仍然不起作用。 如果有人知道为什么会发生这种情况，我将不胜感激

从“React”导入React；
从“react native”导入{StyleSheet，View}；
从“react native elements”导入{Button}；
常量主屏幕=（{navigation}）=>{
返回(
navigation.navigate（'SignIn'）}style={{{marginBottom:20}}/>
导航。导航（'SignUp'）}/>
)
}
HomeScreen.navigationOptions=（）=>{
返回{
标题：（）=>false
}
}
const styles=StyleSheet.create({
容器：{
弹性：1，
paddingLeft:20，
paddingRight:20，
paddingTop:40，
背景颜色：“白色”
}
});
导出默认主屏幕；

据我所知，您正在使用react原生元素，而该组件上没有style道具，我可以在文档中看到，尝试使用此道具“buttonStyle”来设置按钮的样式，如果不可能，请将按钮环绕在视图上

---

谢谢

你就是那个男人！是的，我完全没有注意到这一点，因为它在ios上工作（不知道为什么）。我没有想到。按钮样式很好用！非常感谢。

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;