«react-native» etiketlenmiş sorular

React native, React kullanarak yerel mobil uygulamalar oluşturmak için kullanılan bir JavaScript kitaplığıdır. React Native ürününün odak noktası, önem verdiğiniz tüm platformlarda geliştirici verimliliğidir - bir kez öğrenin, istediğiniz yere yazın.

4
React-Native'de Navigator bileşeniyle özel gezinme
Bileşenin yardımıyla görünümler arasında özel gezinme özelliğine sahip bir demo uygulaması geliştirirken React Native'ın olanaklarını araştırıyorum .Navigator Ana uygulama sınıfı navigatörü ve iç renderScenedönüşleri geçen bileşeni oluşturur: class App extends React.Component { render() { return ( <Navigator initialRoute={{name: 'WelcomeView', component: WelcomeView}} configureScene={() => { return Navigator.SceneConfigs.FloatFromRight; }} renderScene={(route, navigator) => …

11
Yerel Değişiklik Varsayılan iOS Simülatörü Cihazı
Bu komutu çalıştırdığımda: react-native run-ios Uygulamam iPhone6 ​​simülatör cihazında varsayılan olarak çalışır: Found Xcode project RN.xcodeproj Launching iPhone 6 (9.2)... Uygulamanın varsayılan olarak farklı bir simülatör cihazında (iPhone5'ler gibi) çalışmasını nasıl sağlayabilirim?
158 react-native 

6
Nasıl yüzebilirsin: React Native'de?
Doğru yüzmek istediğim bir elementim var, mesela <View style={{width: 300}}> <Text style={{backgroundColor: "#DDD"}}>Hello</Text> </View> Nasıl Textyüzdürülebilmektedir / sağa hizalanmış? Ayrıca, neden sadece "Merhaba" alanı yerine, Textalanın tamamını kaplıyor View?
157 react-native 

9
Film rulosunu kullanmak için Info.plist'te açıklama anahtarı bulunmalıdır
Son zamanlarda bu hatayı almaya başladım: Film rulosunu kullanabilmek için Info.plist'te NSPhotoLibraryUsageDescription anahtarı bulunmalıdır. Uygulamamı oluşturmak için React Native kullanıyorum (ios yerel gelişimine aşina değilim) ve bu anahtarı Info.plist'e nasıl ekleyeceğimi bilmiyorum Bir örnek gönderebilir misiniz? Teşekkürler Npm paketi kullanıyorum "react-native-camera-roll-picker": "^1.1.7"

28
React Native'e tam ekran arka plan görüntüsü eklemenin en iyi yolu nedir?
Görünüme tam ekran bir resim eklemek istedim, bu yüzden bu kodu yazıyorum return ( <View style={styles.container}> <Image source={require('image!egg')} style={styles.backgroundImage}/> </View> ) ve stili şöyle tanımladı var styles = StyleSheet.create({ container: { flex: 1, justifyContent: 'center', alignItems: 'center', backgroundColor: '#F5FCFF', flexDirection: 'column', }, backgroundImage:{ width:320, height:480, } ... ama bu şekilde …


14
Uzaktan hata ayıklayıcı ile bağlantı kurulamıyor
React.JS kullanıyorum ve react-native run-android(cihazım takılıyken) boş bir sayfa görüyorum. Cihazı salladığımda ve Debug JS Remotelyseçenek listesinden seçim yaptığımda aşağıdaki ekranı görüyorum. Bilginize: 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

7
React Native'de bir Görünümün boyutunu alma
Belirli bir görünümün boyutunu (genişlik ve yükseklik) elde etmek mümkün müdür? Örneğin, ilerlemeyi gösteren bir görünüm var: <View ref='progressBar' style={{backgroundColor:'red',flex:this.state.progress}} /> Diğer görünümleri düzgün bir şekilde hizalamak için görünümün gerçek genişliğini bilmem gerekiyor. Mümkün mü?
148 ios  react-native 

22
Yerel Getirme () Ağ İsteği Başarısız Oldu
react-native init(RN sürüm 0.29.1) kullanarak yepyeni bir proje oluşturduğumda ve genel facebook demo film API'sına render yönteminde bir getirme yaptığımda, bir atar Network Request Failed. Çok işe yaramaz bir yığın izleme var ve krom konsolunda ağ isteklerinde hata ayıklama yapamıyorum. İşte gönderdiğim getirme: fetch('http://facebook.github.io/react-native/movies.json') .then((response) => response.json()) .then((responseJson) => { …

23
Reaksiyon yerelindeki bileşenleri gizle / göster
React Native için gerçekten yeniyim ve bir bileşeni nasıl gizleyebileceğimi / gösterebileceğimi merak ediyorum. İşte benim test durumum: <TextInput onFocus={this.showCancel()} onChangeText={(text) => this.doSearch({input: text})} /> <TouchableHighlight onPress={this.hideCancel()}> <View> <Text style={styles.cancelButtonText}>Cancel</Text> </View> </TouchableHighlight> Bir TextInputbileşenim var, göstermek istediğimTouchableHighlight girişin ne zaman odaklanacağını göstermek, ardından TouchableHighlightkullanıcı iptal düğmesine bastığında gizlemek . TouchableHighlightİşlevlerimin …

4
React Native'da Getir özelliğiyle bir yetkilendirme başlığı kullanma
fetchReact Native Ürün Avı API'sından bilgi almak için kullanmaya çalışıyorum . Uygun Erişim Jetonunu aldım ve Eyalete kaydettim, ancak bir GET isteği için Yetkilendirme başlığı içinde geçiremiyorum. Şimdiye kadar sahip olduğum şey: var Products = React.createClass({ getInitialState: function() { return { clientToken: false, loaded: false } }, componentWillMount: function () …

4
React native redux indirgeyicisinde diziye nasıl bir eleman ekleyebilirim?
arr[]Redüktör durumumdaki redüktör dizime nasıl eleman ekleyebilirim ? Bunu yapıyorum- 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 } }


25
Yığın gezgini React gezinmesinde üstbilgiyi gizle
Hem yığın hem de sekme gezginini kullanarak ekranı değiştirmeye çalışıyorum. const MainNavigation = StackNavigator({ otp: { screen: OTPlogin }, otpverify: { screen: OTPverification}, userVerified: { screen: TabNavigator({ List: { screen: List }, Settings: { screen: Settings } }), }, }); Bu durumda önce stacknavigator, ardından tabnavigator kullanılır. ve yığın gezgininin …

6
React Native'de arka plan rengini saydam ayarlama
Kullandığım görünümün stili bu backCover: { position: 'absolute', marginTop: 20, top: 0, bottom: 0, left: 0, right: 0, } Şu anda beyaz bir arka plan var. İstediğim gibi backgroundColor değiştirebilirim '#343434'ama renk için sadece maksimum 6 hexvalue kabul eder, bu yüzden bu gibi opaklık veremem '#00ffffff'. Böyle opaklık kullanmayı denedim …
139 react-native 

Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.