React Native：根据Picker选择更改Label

Question

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

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

当用户在选择器中进行选择时（可以选择＆＃34; Metric＆＃34;或＆＃34; Imperial＆＃34;），输入旁边的标签（B1和B2）也应相应更改如{B1：＆＃34; Kg＆＃34;，B2：＆＃34; Cm＆＃34;}或{B1：＆＃34;英寸＆＃34;，B2：＆＃34; Lbs＆＃34;}

实现这一目标的设计模式/策略有哪些？

看起来像一个简单的问题，但我已经没有关于如何根据选择器选择更改标签的想法。

我想过用可见性切换创建两个不同的Modals M1和M2，但我不确定解决方案是否优雅：（

非常感谢有关如何解决此问题（根据选择器更改标签）的任何提示或指导。

Answer 1

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

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

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

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