LoginSignup
1
0

More than 3 years have passed since last update.

NativeBase 選択していないチェックボックスにも✔︎が付く

Last updated at Posted at 2019-08-20

NativeBaseをバージョンアップしたら
・選択していないチェックボックスにも✔︎が付く
・ボタンに色がなくなった
などが発生...

スクリーンショット 2019-08-20 22.30.36.png

2019/09/26
nativebaseのslackに投げてみたけど反応なく、その後issueが立てられてたので参考に
https://github.com/GeekyAnts/NativeBase/issues/2891

前提

native-base: 2.12.2以降

NativeBaseでデフォルト以外のテーマを使用している

結論

theme/variables/以下の変数に変更が入った。

2.12.2から2.12.3へのバージョンアップ時に大きく変更されているので
theme/variables/をよく確認、変更された場合、同じ対応を行う必要がある。

・選択していないチェックボックスにも✔︎が付く

StyleProviderで設定しているスタイルに
checkboxDefaultColor: 'transparent',を追記

・ボタンに色がなくなった

これも同じような理由

なぜこうなった

・選択していないチェックボックスにも✔︎が付く

native-base 2.12.2でCheckBoxが選択されていない場合の、colorが変数化されていた。
テーマ側でcheckboxDefaultColorが設定されていない場合、
checkboxDefaultColorがundefinedになるので、デフォルトの黒で表示される。

最後に

NativeBaseのtheme/variables/の変更を追う。
途中参加の初NativeBaseプロジェクトだったので気づくのに時間がかかった

1
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0