react-native - ReactNative - Tcomb-form-native：以编程方式启用/禁用用户输入

Question

我正在使用 tcomb-form-native 让用户输入他们的信息。默认情况下，该库允许输入，但在我的应用程序中存在某些情况，当满足某些条件时，用户可以输入文本字段或其他字段

我找不到任何方法来实现它。

请给我一些建议

Answer 1

您可以使用 tcomb-form-native 库的 onchange 事件

 <Form
        ref="loginForm"
        type={this.state.User}
        value={this.state.value}
        options={this.state.options}
        onChange={this.onChange}
      />

在 onchange 中，您可以根据条件更新字段

onChange = data => {
//put your condition liek

if (data == 1) {
  var myOptions = t.update(this.state.options, {
    fields: {
      enddate: {
        disabled: { $set: false },
        minimumDate: {
          $set:
            data.startdate < data.enddate
              ? data.startdate
              : moment(new Date(data.startdate)).toDate()
        }
      }
    }
  });
}

};