リアクションネイティブのアンドロイドスタイリングtextInput

Question

リアクションネイティブのアンドロイドでtextInputのスタイルを設定する方法はありますか？ 下線の色を選択した場合は変更し、カーソルの色は？あなたがunderlineColorAndroidプロパティを使用することができます下線の色については

Answer 1

リアクションネイティブバージョン0.21から、ビューの小道具を介してカラー。私は正常に私のアプリのテーマにカスタムスタイルを追加することによって、カーソルの色にスタイルを設定しました。

このコードは、Reactプロジェクトのアンドロイドフォルダにあるstyles.xmlファイルに置きます（android/app/src/main/res/values/styles.xml）。このスタイルは、グローバルで、あなたのリアクトネイティブアプリですべてのAndroid TextInputビューのカーソルの色を設定することを

<resources> 
    <style name="AppTheme" parent="Theme.AppCompat.Light"> 
     <!-- typical material style colors --> 
     <item name="colorPrimary">@color/kio_turquoise</item> 
     <item name="colorPrimaryDark">@color/kio_hot_pink</item> 

     <!-- sets cursor color --> 
     <item name="colorControlActivated">@android:color/black</item> 
    </style> 
</resources> 

注意。

Answer 2

：https://github.com/facebook/react-native/blob/master/Libraries/Components/TextInput/TextInput.js#L290

例を参照してください。カーソルの色についてはhttps://github.com/facebook/react-native/blob/master/Examples/UIExplorer/TextInputExample.android.js#L222

た瞬間にさらさそのようなプロパティがありません。アプリ内のすべてのテキストビューについて、それを世界的に変更したい場合は、いつでもあなたのアプリケーションのカスタムアンドロイドテーマを使用できます（詳細はこちら：http://developer.android.com/guide/topics/ui/themes.html）

Answer 3

@Kio Krofovitchソリューションを実装するだけでなく、私も私のようなものを書いたのと同じ../res/valuesフォルダ内のファイルcolor.xml製：

<?xml version="1.0" encoding="utf-8"?> 
<resources> 
    <color name="orange">#ff5500</color> 
    <color name="articlecolor">#3399FF</color> 
    <color name="article_title">#3399FF</color> 
    <color name="cachecolor">#8ad0e8</color> 
</resources> 

をし、それに応じてのstyles.xml編集します次の：

  ... 
     <item name="colorControlActivated">@color/orange</item> 
    </style> 
</resources> 

Answer 4

TextInputのためにこれをやっ小道具が実際にあります：

• selectionColorです（変更にカーソルカラーならびに選択色）

• ここunderlineColorAndroid（アンドロイド 中にtextInputの下線の色を変更する）

  <TextInput 
      underlineColorAndroid="#FF0000" 
      selectionColor="rgba(0,0,0,0.4)" 
  /> 
  

はdocumentationあります。