React Native：根据选择器选择更改标签

Question

我正在尝试创建一个非常简单的输入屏幕，其中包含输入、标签和选择器。

我尝试构建的应用程序包含一个选择器、两个数字输入和两个标签（与输入元素并排存在），如下所示

当用户在选择器中进行选择时（可以选择 "Metric" 或 "Imperial"），输入旁边的标签（B1 和 B2）也应相应更改为 {B1: "Kg", B2: "Cm"} 或 {B1: "Inches", B2: "Lbs"}

有哪些设计pattern/strategies可以实现这一点？

看起来是个简单的问题，但我 运行 不知道如何根据选择器的选择更改标签。

我想过创建两个不同的模态框 M1 和 M2 来切换可见性，但我不确定这个解决方案是否优雅:(

对于如何解决此问题（根据选择器选择更改标签）的任何提示或指南，我们将不胜感激。

Answer 1

我强烈建议您首先按照 React 文档尝试自己创建代码。

这些是帮助您入门的一些步骤：

1. 在选取器上设置事件处理程序。
2. 在此处理程序中，您将状态设置为公制或英制。
3. 之后您可以根据状态值进行渲染。

状态更改将重新呈现组件，因此标签将自动更改。