Jak przenosić tekst wokół obrazu reagując natywnie

Question

Próbuję osiągnąć bardzo powszechny efekt w reakcji na zawijanie tekstu wokół obrazu. W Internecie można przypisać do obrazu właściwość float i śledzić ją za pomocą znacznika p. .

Oto RNPlay example nad którym pracowałem. Wydaje mi się, że obecnie posiadana przeze mnie metoda jest trochę hackowata i nie działa poprawnie, ponieważ tekst nie jest wyrównany do górnej krawędzi obrazu i spływa w dół. Czy istnieje odpowiedni i czysty sposób, aby to osiągnąć?

Answer 1

Niestety, nadal nie ma łatwego sposobu, aby to zrobić, nawet po wprowadzeniu zagnieżdżonego s wewnątrz Text. Zaskakująco w społeczności iOS wydaje się to nie banalne.

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

Jednym z pomysłów, które przychodzi do głowy, że warto byłoby majstrować wokół ze jest pomiar tekstu, wymiarów i/lub liczbę znaków, w zależności od wielkości obrazu, należy podzielić tekst na dwie części Text komponentów, jeden, który idzie w prawo/lewo, a drugi, który idzie poniżej obrazu.

Nie jest to słabo promowana React Native biblioteki, które mogłyby pomóc, który pozwala zmierzyć szerokość i wysokość składnika Text na podstawie jego treści:

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

Answer 2

Teraz można użyć

flexDirection: 'row'