2016-04-05 12 views
2

2つのテキストアイテムを並べて整列したいと思います。例えば2つのテキストタグを水平方向に対応させるネイティブ

テキスト{キー} /テキストテキスト{値} Iはテキスト要素に関するドキュメントに読み込ま

/本文: 要素がレイアウトに特別な相対的なものである:内側すべてがもはやフレキシボックスレイアウトを使用していますテキストレイアウトを使用します。これは、aの内部の要素はもはや矩形ではなく、線の終わりを見てラップすることを意味します。

だから私はビュー内にテキストをラップする必要があると仮定しています。私はまだ問題を解決していない、私の現在の進歩の反応ネイティブの例です。要素が新しい行に折り返されていることに注目してください。どうすればこの問題を回避できますか?

https://rnplay.org/apps/F4sr7Q

答えて

2

あなたはこのラインで台無しのようになります。

<View style={styles.IndexTableRow,{backgroundColor:'blue'}}> 

はちょうどIndexTableRowにbackgroundColorスタイルを移動し、それがSmiterを返信する時間を割いて

+0

おかげで動作するはずです、私は驚いていますこれが問題だったこと私のプロジェクトコードでは、実際には変数にリンクされた「青色」の色を持ち、奇数/偶数の各行に色付けしています。 githubの問題で私が見たことから、これは複数のクラスを追加する正しい方法のように見えました。ダイナミックなスタイリングのためのよりよい方法があるのか​​、特定のリソースに少なくとも私を指摘することができますか?インターネット、公式文書などでは何も見つかりません。 – mibbit

+1

多くのクラスを追加するには、このようなアプローチを使用します。例: value。レンダー関数では、次のように書くことができます:let dynamicClass = ""; if(何か)dynamicClass = styles.yourDynamicClass; – Smiter

関連する問題