React native React本机引用错误可以'；找不到变量：样式

我实现了一个react本地登录页面，并为其添加了一些样式。但我在我的emiulator上运行它，它给了我这个无法找到变量的参考错误：style

这是我的login.js代码--

import React，{Component}来自'React'；
从“react native”导入{Alert，Button，Text，TextInput，View，TouchableOpacity，StyleSheet}；
//从“反应本机手势处理程序”导入{TouchableOpacity}；
导出默认类应用程序扩展组件{
状态={
电子邮件：“”，
密码：“”，
错误消息：空
}
render（）{
返回(
{“你好…”
错误
电子邮件地址
暗语
登录
EduApp的新成员？
);
}
}
const styles=StyleSheet.create({
容器：{
弹性：1，
对齐项目：“居中”，
为内容辩护：“中心”，
背景颜色：“红色”，
},
问候：{
玛金托普：32，
尺码：18，
fontWeight:“400”，
textAlign：“居中”
},
错误信息：{
对齐项目：“中心”
},
表格：{
marginBottom:48，
marginHorizontal:30
},
输入：{
borderBottomColor:#8A8F9E“，
borderBottomWidth:StyleSheet.hairlineWidth，
尺寸：15，
颜色：“161F3D”
},
输入标题：{
颜色：“8A8F9E”，
尺寸：10，
textTransform：“大写”
},
按钮：{
marginHorizontal:30，
背景色：“E9446A”，
边界半径：4，
对齐项目：“中心”，
辩护内容：“中心”，
}
});

这就是我在模拟器中遇到的错误

---

如何修复此问题？

错误是由于您的代码输入错误造成的。它位于您提供的代码的第17行。style.greeting应该是style.greeting

更换

<Text style={style.greeting}>{"Helloo.."}</Text>

{“Helloo..”}

与

<Text style={styles.greeting}>{"Helloo.."}</Text>

{“Helloo..”}

减少这类错误的一种方法是使用支持eslint扩展的代码编辑器，该扩展在许多方面都强调缺少的变量。我对Visual Studio代码有很好的体验。

这里输入错误：{“Helloo..}