2016-09-15 13 views
6

イメージの周りにテキストラップを持つネイティブの反応で非常に共通の効果を達成しようとしています。ウェブ上でfloatプロパティを画像に割り当て、それに続いてpタグを付けます。 Here is how I want my elements to flow反応ネイティブの画像の周囲にテキストを浮かべる方法

ここには私が取り組んでいるRNPlay exampleがあります。私は現在持っている方法は少しハッキリしていると思うし、テキストが画像の上にそって流れ落ちるので正しく動作しません。これを達成するための適切かつきれいな方法がありますか?

+0

https://github.com/facebook/react-native/issues/4563の閉鎖問題があります。投稿者に連絡してみてください。 – Cherniv

+0

@Cherniv残念ながら私はその問題についてコメントできません。その質問は1年前に尋ねられたので、おそらく解決策があることを願っています。 –

答えて

2

残念ながら、Textの内部にネストされたViewが導入された後も、残念ながらそれを行うのは簡単な方法はありません。意外なことに、iOSコミュニティでは、これは自明ではないようです。テキスト、寸法および/または文字カウントを測定し、画像のサイズに応じていると周りのいじり価値があるだろう頭に浮かぶ

iphone - How to implement the effect of "float" for image, just like in CSS style https://github.com/Cocoanetics/DTCoreText/issues/438

ひとつのアイデアは、二つにテキストを分割しますTextコンポーネントは、左右に移動するコンポーネントと、画像の下に移動するコンポーネントです。

https://github.com/alinz/react-native-swiss-knife/blob/master/lib/text/index.ios.js

0

今、あなたは

を使用することができます。

これは下の促進がありますが、あなたがその内容に基づいてTextコンポーネントの幅と高さを測定することを可能に役立つかもしれないネイティブライブラリを、リアクト

flexDirection: 'row' 
関連する問題