2017-09-13 16 views
0

私はReactネイティブアプリを使用しています。ネイティブ+ Android +テキストアライメントに問題が発生しました

  • が反応:16.0.0-alpha.6
  • 反応し、ネイティブ:0.44.2

そして、それには、私は問題は、Android上でTextInput

を使用していますが、テキストがTextInputが処理できる以上の大きさの場合、左揃えの代わりに右揃えになります。

enter image description here 0123私はの線に沿って何かを示すためにそれを期待してい


Loremのイプサムの悲しみは、これはiOSの正常に動作

... consectetur、AMET座ります。この問題はアンドロイドでのみ発生しています。

<TextInput style={inputStyle} />

inputStyle: { fontSize: 20, flex: 0.6, textAlign: 'left, borderWidth: 1, },

私はいくつかの試みを作り、私が持っている最善の解決策は、これまでのTextInputにmultilineを有効にすることです。しかし私は複数行のテキスト入力をしたくありません。私は、左揃えで1行のTextInputが必要です。

これは、複数行を使用でき

enter image description here

答えて

0

でどのように見えるかです:

inputStyle: { fontSize: 20, flex: 0.6, flexWrap: 'wrap', textAlign: 'left, borderWidth: 1, },

flexWrapはautoHeight調整のプロパティを取り、高さを増しますコンポーネント内のコンテンツに基づいています。

のSrc:Layout Props

+0

申し訳ありませんが、それは私のためには機能しません。私はまた、複数行のテキスト入力をしたくありません。私は、1行のテキスト入力とその中のテキストを左揃えにしたい。アイオスのように。 – hdsenevi

0

は、この問題を自分で持っていました。 1つの選択肢は、TextInputのselectionプロパティを使用することです。

selection={{start: 0, end: 0}} 

入力フォーカスでプロパティを削除してください(ユーザーがテキストを再度編集したい場合に備えて)。

関連する問題