Pytania otagowane jako react-native

React native to biblioteka JavaScript używana do tworzenia natywnych aplikacji mobilnych za pomocą React. React Native skupia się na wydajności programistów na wszystkich platformach, na których Ci zależy - ucz się raz, pisz gdziekolwiek.

11
Globalne style React Native
Jestem nowy w React i rozumiem zalety wbudowanych stylów opartych na komponentach. Ale zastanawiam się, czy istnieje przyzwoity sposób na stworzenie jakiegoś globalnego stylu. Na przykład chciałbym używać tej samej kolorystyki tekstu i przycisków w całej mojej aplikacji. Zamiast powtarzać w każdym komponencie (a następnie zmieniać go w x miejscach, …
100 react-native 
4
Reaguj na Native Border Radius z kolorem tła
W React Native borderRadiusdziała, ale kolor tła nadany przyciskowi pozostaje kwadratowy. Co tu się dzieje? JS <TouchableHighlight style={styles.submit} onPress={() => this.submitSuggestion(this.props)} underlayColor='#fff'> <Text style={[this.getFontSize(),styles.submitText]}>Submit</Text> </TouchableHighlight> Styl ... submit:{ marginRight:40, marginLeft:40, marginTop:10, }, submitText:{ paddingTop:20, paddingBottom:20, color:'#fff', textAlign:'center', backgroundColor:'#68a0cf', borderRadius: 10, borderWidth: 1, borderColor: '#fff' }, ...
3
Absolute i Flexbox w React Native
Chciałbym umieścić biały pasek, który zajmowałby całą szerokość u dołu ekranu. W tym celu pomyślałem o zastosowaniu absolutepozycjonowania z odziedziczonymi flexboxparametrami. Z następującego kodu renderuje coś jak ten . Oto mój kod: var NavigationBar = React.createClass({ render: function() { return( <View style={navigationBarStyles.navigationBar}> //Icon 1, Icon 2... </View> ); } }); …
4
Kiedy używać TouchableNativeFeedback, TouchableHighlight lub TouchableOpacity?
W React Native, istnieją co najmniej trzy sposoby, aby jeden przycisk TouchableNativeFeedback, TouchableHighlighta TouchableOpacity. Jest też taki TouchableWithoutFeedback, którego dokumentacja wyraźnie stwierdza, że ​​nie należy go używać, ponieważ „wszystkie elementy reagujące na prasę powinny mieć wizualną informację zwrotną po dotknięciu”. TouchableNativeFeedback jest dostępny tylko w systemie Android i „zastępuje widok …
1
Jak mogę ustalić, czy moja aplikacja React Native jest kompilacją do debugowania lub wydania z kodu JavaScript?
Chciałbym dodać interfejs tylko do debugowania do mojej aplikacji React Native, ale nie mogę znaleźć żadnego odpowiednika RCT_DEBUGani RCT_DEVflag czasu kompilacji w środowisku JavaScript. Czy jest jeden? Przykład zastosowania: chcę dodać pasek stanu, który pokazuje liczbę żądań HTTP zainicjowanych przez moją aplikację. Oczywiście nie jest to część aplikacji wysyłkowej, ale …
4
Czy „pozycja: absolutna” jest sprzeczna z Flexbox?
Chcę zrobić divkij na górze ekranu bez wpływu na inne elementy, a jego element potomny w środku. .parent { display: flex; justify-content: center; position: absolute; } <div class="parent"> <div class="child">text</div> </div> Uruchom fragment koduUkryj wynikiRozwiń fragment Kiedy dodam position: absolutewiersz, justify-content: centerstaje się nieważny. Czy są ze sobą w konflikcie …
20
Podpisy pakietów nie pasują do poprzednio zainstalowanej wersji
To mój projekt: https://github.com/kenpeter/my_hak_news , który jest bezpośrednią kopią https://github.com/grigio/HAgnostic-News . Sklonuj Git https://github.com/kenpeter/my_hak_news , a następnie uruchomreact-native run-android Mam ten błąd: * What went wrong: Execution failed for task ':app:installDebug'. > com.android.builder.testing.api.DeviceException: com.android.ddmlib.InstallException: Failed to finalize session : INSTALL_FAILED_UPDATE_INCOMPATIBLE: Package com.hagnosticnews signatures do not match the previously installed version; …
7
React Native pozycjonowanie bezwzględne środek poziomy
Wydaje się, że position:absolutew użyciu element nie może być wyśrodkowany za pomocą justifyContentlub alignItems. Istnieje obejście do użycia, marginLeftale nie wyświetla się tak samo dla wszystkich urządzeń, nawet przy użyciu wymiarów do wykrywania wysokości i szerokości urządzenia. bottom: { position: 'absolute', justifyContent: 'center', alignItems: 'center', top: height*0.93, marginLeft: width*0.18, }, …
14
Zmień nazwę aplikacji w React Native
Próbuję dowiedzieć się, jak zmienić nazwę aplikacji ReactNative. Zainstalowany pakiet APK na moim urządzeniu to po prostu „Aplikacja” z ikoną Androida. Jak mogę to zmienić? Próbowałem zmienić plik package.json i ponownie uruchomić aktualizację react-native, ale nie zaktualizowało to AndroidManifest.xml
14
Jak automatycznie wysunąć okno zza klawiatury, gdy fokus ma TextInput?
Widziałem ten sposób na automatyczne przewijanie okna przez aplikacje natywne, ale zastanawiam się, jak to zrobić w React Native ... Kiedy <TextInput>pole zostanie wyróżnione i zostanie umieszczone nisko w widoku, klawiatura zakryje pole tekstowe. Możesz zobaczyć ten problem na przykładzie TextInputExample.jswidoku UIExplorer . Czy ktoś ma dobre rozwiązanie?
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.