TanStackForm v1
自动
框架
版本
菜单
入门
指南
API 参考
社区资源
示例

与 React Native 一起使用

TanStack Form 是无头的，应该能够开箱即用地支持 React Native，无需任何额外配置。

以下是一个示例：

tsx
<form.Field
  name="age"
  validators={{
    onChange: (val) =>
      val < 13 ? '您必须年满 13 岁才能创建账户' : undefined,
  }}
>
  {(field) => (
    <>
      <Text>年龄：</Text>
      <TextInput value={field.state.value} onChangeText={field.handleChange} />
      {!field.state.meta.isValid && (
        <Text>{field.state.meta.errors.join(', ')}</Text>
      )}
    </>
  )}
</form.Field>

<form.Field
  name="age"
  validators={{
    onChange: (val) =>
      val < 13 ? '您必须年满 13 岁才能创建账户' : undefined,
  }}
>
  {(field) => (
    <>
      <Text>年龄：</Text>
      <TextInput value={field.state.value} onChangeText={field.handleChange} />
      {!field.state.meta.isValid && (
        <Text>{field.state.meta.errors.join(', ')}</Text>
      )}
    </>
  )}
</form.Field>
在 GitHub 上编辑
表单组合
SSR/TanStack Start/Next.js