Node.js React本机组件在设备之间不相同

所以我做react native已经有一段时间了，在不同的设备上运行我的应用程序后，所有的组件都不完全相同 这是一个例子：

从“React”导入React；
从“react native”导入{样式表、文本、视图、图像、TouchableOpacity}；
导入“反应本机手势处理程序”；
从'@react-navigation/native'导入{NavigationContainer}；
从'@react navigation/stack'导入{createStackNavigator}；
const styles=StyleSheet.create({
容器：{
弹性：1，
背景颜色：“#F5F8”
},
蒂尼洛戈：{
宽度：308，
身高：282，
resizeMode:'包含'，
alignSelf:“中心”，
排名：80
},
标志：{
宽度：66，
身高：58，
},
正文：{
textAlign:'中心'，
颜色：“2E3E5C”，
尺寸：22，
fontFamily：“arial”，
fontWeight:'粗体'，
宽度：“100%”，
玛金托普：70
},
BTN容器：{
背景颜色：“CB5C17”，
身高：60，
宽度：327，
边界半径：30，
为内容辩护：“中心”，
对齐项目：“居中”，
玛金托普：99
},
标题：{
为内容辩护：“中心”，
对齐项目：“居中”，
玛金托普：100
}
});
const onboard=（{navigation}）=>{
返回(
热的法国玉米卷
最佳口味
navigation.navigate（'Login'））
}>
推荐人
);
}
导出默认登录尽量避免使用硬编码值，如，
marginTop:100，
marginTop:99，
marginBottom:70，

因为你想让你的应用在不同大小的设备上运行

尝试更多地依赖flexbox
和其他对齐属性之间的间距，而不是硬编码值。
从这里阅读更多关于它的信息

或者根据您使用的用例，将内容包装在
ScrollView
组件中

还有一些库可以通过获取响应值而不是硬编码值来帮助您。
比如：
是的，但仍然不是Touchableopacity width和height的解决方案，相同的值但不同的外观。此外，还有一些库可以帮助您获得响应值，而不是硬编码值。我编辑了答案。非常感谢！这就是我所期待的，我很高兴，很高兴我帮了忙