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

Switch

ブール値の入力をレンダリングします。

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

例​

リファレンス

Props​

View Props​

View Propsを継承します。

disabled​

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

型デフォルト
boolfalse

ios_backgroundColor
iOS
​

iOSでは、背景のカスタム色。この背景色は、スイッチの値がfalseの場合、またはスイッチが無効になっている（およびスイッチが半透明である）場合に表示されます。

型
色

onChange​

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

型
関数

onValueChange​

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

型
関数

thumbColor​

前景のスイッチグリップの色。iOSでこれを設定すると、スイッチグリップのドロップシャドウが失われます。

型
色

trackColor​

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

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

型
オブジェクト: {false: 色, true: 色}

value​

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

型
bool