React native 如何组织react本机应用程序的登录页面？

我是个新来的本地人，我有一个更一般的问题。我希望这不是在错误的地点

假设我的应用程序有一个登录屏幕

我创建了一个signnscreen.js文件。现在在这个文件中，我有两个选项：

我可以只渲染出两个文本字段（用于电子邮件和密码）

或

我可以创建一个单独的登录组件。我将在SignInScreen中呈现，然后在SignIn组件中，我将呈现电子邮件和密码的两个文本字段 我不确定什么是最佳实践。我是不是想得太多了？如果我创建了单独的SignIn组件，我是否会过度工程化

---

非常感谢

我认为这是一个个人问题，你会得到各种各样的答案

我认为是长期的。你打算只为这个应用做这个吗？或者你打算重新使用它？如果是第一个，那么只需添加TextInput即可

如果您认为可能会在其他应用程序中重复使用该代码，您可以像您所说的那样创建一个登录组件，并创建一个要导入的模块

---

但是如果你对RN很陌生，现在就不要让自己复杂化

你想得太多了。它只是两个TextInput组件。只需将它们呈现在您的符号屏幕中即可。更多的代码意味着更多的bug