Suurin ongelma React Nativen käytössä on, että virheenkorjaus ja ongelmien vianmääritys voi olla vaikeaa. Koska React Native on alustaagnostinen kehityskehys, kehittäjien on opittava erilaisia virheenkorjaus- ja vianetsintätekniikoita jokaiselle eri alustalle, jolla he työskentelevät. Lisäksi React Native -sovelluksia ei tueta yhtä hyvin kuin alkuperäisiä sovelluksia, joten käytettävissä voi olla vähemmän resursseja vianmääritykseen tai ongelmien vianmääritykseen.
<View style={{flexDirection: 'row', justifyContent: 'space-between'}}>
<Text>Left</Text>
<Text>Right</Text>
</View>
Ensimmäinen rivi luo View-elementin tyylimääritteellä. Tyyliattribuutti sisältää objektin, jolla on kaksi ominaisuutta, flexDirection ja justifyContent. flexDirectionin arvo on 'row' ja justifyContentin arvo on 'space-between'.
View-elementin sisällä on kaksi tekstielementtiä. Ensimmäisessä tekstielementissä on teksti "vasemmalla" ja toisessa Text-elementissä on teksti "oikealla".
Kuinka saada kellumaan oikein
Tähän kysymykseen ei ole yksiselitteistä vastausta, sillä paras tapa saada float toimimaan React Nativessa vaihtelee rakentamasi sovelluksen mukaan. Joitakin vihjeitä kellumisen saamiseen toimimaan React Nativessa ovat kuitenkin nestemäisen ruudukkoasettelun käyttäminen ja kaikkien elementtien sijoittelun varmistaminen CSS-paikannusominaisuuksien avulla. Lisäksi voi olla hyödyllistä käyttää react-native-vector-icones kuvakkeissa ja react-native-ripple animaatioissa.
kellua vasemmalle
React Nativessa ei ole sisäänrakennettua tapaa tehdä tämä. Voit käyttää kirjastoa, kuten react-native-float-left, tai käyttää sisäistä funktiota.
