React Nativeのテキストエリアの下線を消す

@iwasaki 11views 更新:2017年7月4日

React Native の TextInput には underlineColorAndroid の属性があります。

テキストエリアの下線の色を指定できるようになっています。

https://facebook.github.io/react-native/docs/textinput.html#underlinecolorandroid

じゃあ、下線をそもそも消したい場合は

underlineColorAndroid="transparent"

を指定します。

https://stackoverflow.com/questions/33984088/react-native-textinput-border-not-working

またTextInputでは placeholderTextColor でプレースホルダのテキスト色を指定することができるようになっています。

Androd API 19 では黒がデフォルトになってしまうようなので、グレーに指定をしておくとよさそうです。

https://facebook.github.io/react-native/docs/textinput.html#placeholdertextcolor

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません