Vyřešeno: plovoucí pravá reakce nativní

Hlavním problémem používání React Native je to, že může být obtížné ladit a řešit problémy. Protože React Native je platforma agnostický vývojový rámec, vývojáři se musí naučit různé techniky ladění a odstraňování problémů pro každou jinou platformu, na které pracují. Aplikace React Native navíc nejsou tak dobře podporovány jako nativní aplikace, takže může být k dispozici méně zdrojů, které vám pomohou s laděním nebo řešením problémů.

<View style={{flexDirection: 'row', justifyContent: 'space-between'}}>
  <Text>Left</Text>
  <Text>Right</Text>
</View>

První řádek vytvoří prvek View s atributem stylu. Atribut style obsahuje objekt se dvěma vlastnostmi, flexDirection a justifyContent. Hodnota flexDirection je 'řádek' a hodnota justifyContent je 'mezera-mezi'.

Uvnitř prvku View jsou dva prvky Text. První prvek Text má text 'Left' a druhý prvek Text má text 'Right'.

Jak správně plavat

Na tuto otázku neexistuje jednoznačná odpověď, protože nejlepší způsob, jak zajistit fungování floatu v React Native, se bude lišit v závislosti na konkrétní aplikaci, kterou vytváříte. Některé tipy, jak zajistit, aby v React Native fungovalo float, však zahrnují použití rozvržení tekuté mřížky a zajištění umístění všech prvků pomocí vlastností umístění CSS. Kromě toho může být užitečné použít ikony reakt-nativních vektorů pro ikony a reakt-nativní zvlnění pro animace.

plavat vlevo

V React Native neexistuje žádný vestavěný způsob, jak to udělat. Můžete použít knihovnu jako response-native-float-left nebo použít inline funkci.

Související příspěvky:

Zanechat komentář