Pagrindinė problema, sulygiuojant vaizdo centrą „React Native“, yra ta, kad gali būti sunku tinkamai išlygiuoti. Yra keletas skirtingų būdų tai padaryti, tačiau kiekvienas turi savo kompromisų rinkinį.
In React Native, to align an image in the center of a container, you can use the <Image> component with the style property:
style={{ alignItems: 'center' }}
If you want to center an image within a text block, you can use the <Text> component with the style property:
style={{ textAlign: 'center' }}
Vaizdo stiliaus rekvizitai
Vaizdo stiliaus rekvizitai yra būdas tinkinti vaizdų išvaizdą ir pojūtį „React Native“. Jie leidžia keisti fono spalvą, kraštinės spindulį ir kitas vaizdo savybes.
Vaizdo stiliaus rekvizitus galite naudoti savo „React Native“ programos komponentuose arba be būsenos funkcijose. Taip pat galite juos naudoti savo AppContainer arba RootComponent .
Norėdami pradėti, sukurkite naują failą style.js ir pridėkite šį kodą:
importuoti { ImageStyle } iš 'react-native'; eksportuoti numatytąjį ImageStyle.create({ backgroundColor: '#f5f5f5', borderRadius: 5, });
Ypatybė backgroundColor nustato vaizdo fono spalvą. Ypatybė borderRadius nustato kraštinės aplink vaizdą spindulį.
Kaip vertikaliai sulygiuoti vaizdą su resizeMode
Nėra vienareikšmio atsakymo į šį klausimą, nes geriausias būdas vertikaliai sulygiuoti vaizdą su resizeMode React Native, priklausys nuo konkrečios situacijos. Tačiau kai kurie patarimai, kaip tai padaryti efektyviai, gali apimti rekvizitų arba būsenos kintamųjų naudojimą lygiavimui valdyti ir „flexbox“ konteinerio naudojimą maketavimui.
Kas yra ResizeMode
ResizeMode yra „React Native“ ypatybė, leidžianti valdyti, kaip programa elgiasi, kai keičiamas jos dydis. Tai apima dalykus, pvz., ar programa išlaikys savo išdėstymą, ar ji bus sukurta iš naujo nuo nulio.
