React Nativeで半透明の<TextInput/>を作成するにはどうすればよいですか？

-5

以下の図のように半透明の<TextInput/>を作成することはできますか？もしそうなら、どんな指導や洞察も大いにありがとう。React Nativeで半透明の<TextInput/>を作成するにはどうすればよいですか？

ありがとうございます！

2016-09-01 Jo Ko

何が質問ですか？出来ますか？ →はい。 "ガイダンス"は正しく答えるのが難しいです。あなたがすでに試したことをいくつかのコードに含めてください。 – dv3

あなたはこのような不透明度やボーダー半径など、いくつかのスタイルを適用する必要があります、それは実際にはかなり簡単です：https://rnplay.org/apps/I-jDRg

幸運：ここ

textfield: { 
    backgroundColor: 'rgba(255,255,255,0.4)', 
    borderRadius: 5, 
    width: 250, 
    height: 40, 
    padding: 5, 
}

は、実施例です！

出典

2016-09-01 09:04:22 Crysfel

それを感謝します。私が質問を受け入れる前に、例のように境界から離れてテキスト入力を開始するにはどうすればよいでしょうか？あなたが提供したサンプルでは、テキストが境界線を極端に閉じ始めるからです。また、点滅するテキストカーソルを特定のグレー色に変更するにはどうすればよいですか？最後に、デバイスのサイズに応じて動的にサイズを変更できるようにするにはどうすればよいですか？ありがとうクリスフェル！ –

私の最後のコメントを見たことがある場合はお知らせください。ありがとうございます –

ドキュメントを読んでください、すべてが文書化されており、達成するのは本当に簡単です;）幸運！ – Crysfel

React Nativeで半透明​​の<TextInput/>を作成するにはどうすればよいですか？

答えて

関連する問題

React Nativeで半透明の<TextInput/>を作成するにはどうすればよいですか？