Pertanyaan yang diberi tag «react-native»

Bereaksi asli adalah pustaka JavaScript yang digunakan untuk membangun aplikasi seluler asli menggunakan Bereaksi. Fokus React Native adalah pada efisiensi pengembang di semua platform yang Anda pedulikan - pelajari sekali, tulis di mana saja.

6
Bagaimana Anda bisa mengapung: tepat di Bereaksi Asli?
Saya memiliki elemen yang ingin saya apung, misalnya <View style={{width: 300}}> <Text style={{backgroundColor: "#DDD"}}>Hello</Text> </View> Bagaimana cara Textmelayang / disejajarkan ke kanan? Juga, mengapa Textmengambil ruang penuh dari View, bukan hanya ruang untuk "Halo"?
157 react-native 

9
Kunci NSPhotoLibraryUsageDescription harus ada di Info.plist untuk menggunakan rol kamera
Baru-baru ini saya mulai mendapatkan kesalahan ini: Kunci NSPhotoLibraryUsageDescription harus ada di Info.plist untuk menggunakan rol kamera. Saya menggunakan React Native untuk membangun aplikasi saya (saya tidak terbiasa dengan pengembangan asli ios) dan saya tidak tahu bagaimana cara menambahkan kunci ini ke Info.plist Bisakah Anda memposting contoh? Terima kasih Saya …

11
Menonaktifkan tombol pada reaksi asli
Saya membuat aplikasi android menggunakan reaksi asli dan saya telah menggunakan komponen TouchableOpacity untuk membuat tombol. Saya menggunakan komponen input teks untuk menerima teks dari pengguna dan tombol hanya boleh diaktifkan setelah input teks cocok dengan string tertentu. Saya bisa memikirkan cara untuk melakukan ini dengan awalnya rendering tombol tanpa …
155 react-native 


15
Mengatur variabel lingkungan di reaksi-asli?
Saya menggunakan reaksi asli untuk membangun aplikasi lintas platform, tetapi saya tidak tahu cara mengatur variabel lingkungan sehingga saya dapat memiliki konstanta yang berbeda untuk lingkungan yang berbeda. Contoh: development: BASE_URL: '', API_KEY: '', staging: BASE_URL: '', API_KEY: '', production: BASE_URL: '', API_KEY: '',
152 react-native 

6
Cara mengatur warna latar belakang tampilan transparan di React Native
Ini adalah gaya tampilan yang saya gunakan backCover: { position: 'absolute', marginTop: 20, top: 0, bottom: 0, left: 0, right: 0, } Saat ini memiliki latar belakang putih. Saya dapat mengubah backgroundColor sesuka saya '#343434'tetapi hanya menerima max 6 hexvalue untuk warna jadi saya tidak bisa memberikan opacity pada yang …
151 react-native 

14
Tidak dapat terhubung dengan debugger jarak jauh
Saya menggunakan React.JS dan ketika saya melakukannya react-native run-android(dengan perangkat saya terhubung) saya melihat halaman kosong. Ketika saya mengguncang perangkat dan memilih Debug JS Remotelydari daftar opsi saya melihat layar berikut. FYI: OS: Ubuntu 16.04 Node version is: v4.6.2 java version "1.8.0_111" react": "15.4.1 react-native": "0.38.0

26
Apa cara terbaik untuk menambahkan gambar latar belakang layar penuh di React Native
Saya ingin menambahkan gambar layar penuh ke tampilan jadi saya menulis kode ini return ( <View style={styles.container}> <Image source={require('image!egg')} style={styles.backgroundImage}/> </View> ) dan mendefinisikan gaya sebagai var styles = StyleSheet.create({ container: { flex: 1, justifyContent: 'center', alignItems: 'center', backgroundColor: '#F5FCFF', flexDirection: 'column', }, backgroundImage:{ width:320, height:480, } ... tetapi dengan …

4
Menggunakan header otorisasi dengan Fetch in React Native
Saya mencoba menggunakan fetchdi React Native untuk mengambil informasi dari API Perburuan Produk. Saya telah memperoleh Token Akses yang tepat dan telah menyimpannya ke Status, tetapi tampaknya tidak dapat meneruskannya dalam header Otorisasi untuk permintaan GET. Inilah yang saya miliki sejauh ini: var Products = React.createClass({ getInitialState: function() { return …

7
Dapatkan ukuran Tampilan di Bereaksi Asli
Apakah mungkin untuk mendapatkan ukuran (lebar dan tinggi) dari tampilan tertentu? Misalnya, saya memiliki pandangan yang menunjukkan kemajuan: <View ref='progressBar' style={{backgroundColor:'red',flex:this.state.progress}} /> Saya perlu tahu lebar sebenarnya dari tampilan untuk menyelaraskan tampilan lain dengan benar. Apakah ini mungkin?
147 ios  react-native 

22
React Native fetch () Permintaan Jaringan Gagal
Ketika saya membuat proyek baru menggunakan react-native init(RN versi 0.29.1) dan memasukkan metode render ke film demo facebook publik API, itu melempar a Network Request Failed. Ada jejak stack yang sangat tidak berguna dan saya tidak bisa men-debug permintaan jaringan di konsol chrome. Ini adalah pengambilan yang saya kirim: fetch('http://facebook.github.io/react-native/movies.json') …

23
Sembunyikan / Tampilkan komponen dalam reaksi asli
Saya benar-benar baru untuk Bereaksi Asli dan saya bertanya-tanya bagaimana saya bisa menyembunyikan / menampilkan komponen. Inilah kotak ujian saya: <TextInput onFocus={this.showCancel()} onChangeText={(text) => this.doSearch({input: text})} /> <TouchableHighlight onPress={this.hideCancel()}> <View> <Text style={styles.cancelButtonText}>Cancel</Text> </View> </TouchableHighlight> Saya memiliki TextInputkomponen, yang saya inginkan adalah menunjukkan TouchableHighlightkapan input mendapatkan fokus, lalu sembunyikan TouchableHighlightketika pengguna …

4
Bagaimana cara menambahkan elemen ke array di reducer React native redux?
Bagaimana cara saya menambahkan elemen dalam susunan arr[]redux state di reducer? Saya melakukan ini- import {ADD_ITEM} from '../Actions/UserActions' const initialUserState = { arr:[] } export default function userState(state = initialUserState, action) { console.log(arr); switch (action.type) { case ADD_ITEM: return { ...state, arr: state.arr.push([action.newItem]) } default: return state } }


8
Apakah menggunakan async componentDidMount () bagus?
Apakah menggunakan componentDidMount()sebagai fungsi async praktik yang baik dalam Bereaksi Asli atau haruskah saya menghindarinya? Saya perlu mendapatkan beberapa info dari AsyncStoragesaat komponen mount, tetapi satu-satunya cara saya tahu untuk membuat itu mungkin adalah membuat componentDidMount()fungsi async. async componentDidMount() { let auth = await this.getAuth(); if (auth) this.checkAuth(auth); } Apakah …

Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.