2017-09-19 1 views
0

inlineImageLeft propの適切な値を知りたいのですが。反応性ネイティブで<TextInput>成分。誰も私を助けることができますか?ネイティブinlineImageLeftの値が

私はdrawableフォルダに画像をコピーしました。 React Native github pageから

<TextInput 
     autoCapitalize= {'words'} autoFocus={true} caretHidden = {false} keyboardType={'url'} defaultValue={'Hello!'} 
     placeholder={'hello world'} placeholderTextColor= {'red'} 
     returnKeyType = {'send'} secureTextEntry={true} selectTextOnFocus={false} inlineImageLeft="user" 
     /> 
+0

イメージをテキスト入力またはテキストビュー内に設定するために使用します。アンドロイド専用です。 Drawablesフォルダの中にイメージを置き、パスを与える –

+0

リソースフォルダにコピーしましたが、それでもまだ動作していません。 –

+0

私はちょうどそれをテストし、それは正常に動作しています、コードを投稿しても、あなたが画像をコピーしたフォルダを教えてください? –

答えて

1

android resディレクトリ内にDrawableフォルダを作成します。そのフォルダにimage.pngというイメージをコピーします。その後、TextInputコンポーネントで使用します。

inlineImageLeft =「画像」

画像は、ちょうど前のアプリをアンインストールして、プロジェクトを再実行表示されていない場合。

0

<TextInput 
    inlineImageLeft="ic_menu_black_24dp" 
    placeholder="This has drawableLeft set" 
    style={styles.singleLine} 
/> 
0

あなたはreact-nativeにUIExplorerの例を見つけることができます。それはそう

反応ネイティブ/例/ UIExplorer/JS/TextInputExample.android.js:

<TextInput inlineImageLeft="ic_menu_black_24dp"/> 

例である:この例でinlineImageLeft支柱は、この方法を使用しましたパスは./android/app/src/main/res/drawable/に相対的でなければなりません。他のパスは機能しません。画像も拡大縮小されません。

関連する問題