2

2 つの単純な入力ボックスが必要です。

loginName 入力ボックスとパスワード入力ボックスがあります。

現在、これら 2 つの入力ボックスの値を「状態」にマップしています。

さて、NativeBase を使用します。デモのように「成功」​​「エラー」を動的に表示するにはどうすればよいですか? http://nativebase.io/docs/v0.5.9/components#successInputTextbox

4

3 に答える 3

8

小道具を渡すことは、success渡すことと同じですsuccess={true}

したがって、inputSuccess や inputError などの状態変数がある場合は、次のようにすることができます。

<InputGroup 
  iconRight 
  success={this.state.inputSuccess ? true : false} 
  error={this.state.inputError ? true : false}>
  <Icon name='ios-checkmark-circle' style={{color:'#00C497'}}/>
  <Input placeholder='Textbox'/>
</InputGroup>
于 2016-11-03T06:53:37.780 に答える
0

ベースドンヒマンシュアンサー。false を設定する必要はありません。これは成功とエラーのデフォルト値です。さらに条件付きでアイコン変更も可能！

<InputGroup 
  iconRight 
  success={this.state.inputSuccess} 
  error={this.state.inputError}>
  <Icon name={this.state.inputSuccess ? 'checkmark-circle' : 'close-circle'}/>
  <Input placeholder='Textbox'/>
</InputGroup>
于 2020-05-19T20:39:48.580 に答える