import React from 'react'
import { CellGroup, Form, Field } from '@fruits-chain/react-native-xiaoshu'

let index = 0

const BasicFormDeps: React.FC = () => {
  return (
    <Form>
      <CellGroup title="dependencies">
        <Form.Item dependencies={['username']}>
          {() => {
            index += 1
            return <Field.Text title="自动重新渲染" value={index} />
          }}
        </Form.Item>
        <Form.Item name="username">
          <Field.TextInput required title="用户名" placeholder="请输入用户名" />
        </Form.Item>
        <Form.Item name="password">
          <Field.TextInput
            required
            title="密码"
            placeholder="请输入密码"
            bordered={false}
          />
        </Form.Item>
      </CellGroup>
    </Form>
  )
}

export default BasicFormDeps