«react-native» etiketlenmiş sorular

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) => …

158 javascript  ios  navigation  reactjs  react-native 

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 

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 

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"

157 ios  react-native  info.plist 

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 …

155 javascript  react-native 

Yakın zamanda başlatılan yerel özellikler yalnızca iOS uygulama örneği ve dokümanlarına tepki veriyor.

154 android  reactjs  react-native 

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

149 android  reactjs  react-native 

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 

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) => { …

146 javascript  react-native  fetch-api 

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 …

143 javascript  react-native 

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 () …

141 javascript  oauth-2.0  react-native  fetch-api 

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 } }

140 react-native  redux  react-redux 

Uygulamamda uzun bir metin var ve onu kısaltmam ve sonuna üç nokta eklemem gerekiyor. Bunu React Native Text öğesinde nasıl yapabilirim? Teşekkürler

140 react-native  ellipsis 

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 …

140 javascript  react-native  react-navigation  expo 

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