React native 如何使任何组件（如按钮或输入字段）在react native中默认调整到任何屏幕

我想知道如何在没有对齐和视图更改的情况下使按钮适合任何屏幕。我对在模拟器设备上完全对齐的按钮有问题，反过来，在使用另一个模拟器设备时，对齐方式不同

<Button
    textColor="white"
    buttonColor={themeColor}
    radius="25"
    style={{ marginTop: 20 }}
    width="335"
    title="Sign In"
    onPress={this._login}
/>

---

您使用的样式设置方式对于您正在使用输出的特定设备是静态的。 你应该使用一种动态的风格，而不是。 您可以在样式中使用%，使屏幕的%部分可用。 例如

<Button styles={{margin:'2%', width:'70%',height:'20%' }}/>

import { StyleSheet, Dimensions } from 'react-native';

const { width: WIDTH, height: HEIGHT } = Dimensions.get('window');
const StylesNew = StyleSheet.create({

   Styles: {
        width: WIDTH / 8,
        height: HEIGHT / 20,
        marginVertical:HEIGHT/30
    },