メインコンテンツへスキップ

Switch

真偽値入力をレンダリングします。

これは制御されたコンポーネントであり、ユーザーアクションを反映するためにコンポーネントのvalueプロップを更新するonValueChangeコールバックが必要です。valueプロップが更新されない場合、コンポーネントはユーザーアクションの期待される結果ではなく、提供されたvalueプロップを引き続きレンダリングします。


リファレンス

Props

View Props

ViewのPropsを継承します。


disabled

trueの場合、ユーザーはスイッチを切り替えることができません。

デフォルト
boolfalse

ios_backgroundColor
iOS

iOSでは、背景のカスタムカラー。この背景色は、スイッチの値がfalseの場合、またはスイッチが無効になっている場合(そしてスイッチが半透明である場合)に見ることができます。


onChange

ユーザーがスイッチの値を変更しようとしたときに呼び出されます。変更イベントを引数として受け取ります。新しい値のみを受け取りたい場合は、代わりにonValueChangeを使用してください。

function

onValueChange

ユーザーがスイッチの値を変更しようとしたときに呼び出されます。新しい値を引数として受け取ります。代わりにイベントを受け取りたい場合は、onChangeを使用してください。

function

ref

マウント時に要素ノードが割り当てられる ref セッター。


thumbColor

前景のスイッチグリップの色。これがiOSに設定されている場合、スイッチグリップはドロップシャドウを失います。


trackColor

スイッチトラックのカスタムカラー。

iOS: スイッチの値がfalseの場合、トラックはボーダーに縮小します。縮小したトラックによって露出する背景色を変更したい場合は、ios_backgroundColorを使用してください。

object: {false: color, true: color}

value

スイッチの値。trueの場合、スイッチはオンになります。デフォルト値はfalseです。

bool