Masalah utama yang berkaitan dengan pusat mutlak kedudukan asli bertindak balas ialah sukar untuk menentukan pusat mutlak aplikasi React Native. Ini boleh menjadi masalah jika anda perlu menggunakan maklumat ini untuk melakukan pengiraan atau melukis reka letak.
import React, { Component } from 'react'; import { View, Text } from 'react-native'; class App extends Component { render() { return ( <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}> <Text>Hello World!</Text> </View> ); } } export default App;
Kod ini mengimport perpustakaan React dan React Native. Kelas App mewarisi daripada kelas Komponen, dan kaedah pemaparan mengembalikan paparan dengan "Hello World!" mesej. Kelas App dieksport supaya ia boleh digunakan dalam fail lain.
Jajarkan Pandangan Kedudukan Mutlak ke tengah kiri/kanan
Tiada jawapan khusus untuk soalan ini kerana ia bergantung pada kes penggunaan tertentu. Secara umum, menjajarkan pandangan kedudukan mutlak ke tengah kiri atau kanan boleh dilakukan dengan menggunakan sifat alignToCenter.
Flexbox
Dalam React Native, Flexbox ialah bekas reka letak yang membolehkan anda mencipta antara muka pengguna yang fleksibel dan adaptif. Ia berfungsi dengan prinsip yang sama seperti CSS flexbox, tetapi ia dioptimumkan untuk digunakan dalam React Native.
Untuk menggunakan Flexbox dalam apl React Native anda, anda perlu memasukkan modul flex-packager terlebih dahulu. Kemudian, anda boleh menggunakan sifat flexbox untuk menentukan cara apl anda harus berkelakuan apabila ia dipaparkan pada peranti dengan saiz skrin yang lebih kecil atau lebih besar:
import { FlexBox } daripada 'react-native'; const App = () => (
Jika anda ingin melumpuhkan Flexbox sama sekali, anda boleh menggunakan sifat no-flex:
import { FlexBox } daripada 'react-native'; const App = () => (
