Masalah utama yang berkaitan dengan unsur pusat bertindak balas asli ialah ia tidak diterima pakai secara meluas. Ini bermakna bahawa tidak ramai pembangun yang biasa dengannya, yang boleh menyukarkan untuk mencari sumber dan sokongan apabila diperlukan. Selain itu, kerana React Native agak baharu, mungkin terdapat beberapa ketidakkonsistenan dalam cara platform berbeza mengendalikan ciri atau fungsi tertentu.
There is no built-in method to center elements in React Native. However, you can use the Flexbox layout model to center elements.
Here is an example:
import React, { Component } from 'react'; import { View } from 'react-native'; export default class App extends Component { render() { return ( <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}> <Text>This element is centered!</Text> </View> ); } }
Kod ini mengimport perpustakaan React dan React Native dan mencipta komponen yang dipanggil App. Komponen Apl memaparkan paparan, yang menggunakan Flexbox untuk memusatkan elemen anaknya.
Bagaimana untuk mereka bentuk muka hadapan
Terdapat banyak cara untuk mereka bentuk muka hadapan dalam React Native. Satu cara ialah menggunakan komponen pengepala asli bertindak balas. Komponen ini menyediakan cara mudah untuk membuat pengepala untuk apl anda. Anda juga boleh menggunakan komponen react-native-header-bar untuk membuat bar di bahagian atas halaman anda yang mengandungi nama dan logo apl anda.
Selaraskan elemen dengan React
Jajarkan elemen dengan React dalam React Native ialah proses dua langkah. Pertama, anda perlu mencipta bekas untuk komponen React anda. Ini boleh menjadi mana-mana bekas yang anda mahukan, tetapi selalunya berguna untuk menggunakan pepohon komponen sebagai reka letak anda. Seterusnya, anda perlu memberitahu React di mana setiap komponen anda harus diletakkan di dalam pokok.
Untuk mencipta bekas untuk komponen React anda, gunakan fungsi createElement() pada platform React Native:
biarkan MyContainer = createElement( 'div' , { style : { height : '50px' } });
Seterusnya, anda perlu memberitahu React di mana setiap komponen anda harus diletakkan di dalam pokok:
MyContainer .children .push({ nama : 'Komponen A' }); MyContainer .children .push({ nama : 'Komponen B' });
