Als «react-native» getaggte Fragen

React native ist eine JavaScript-Bibliothek, mit der native mobile Apps mit React erstellt werden. Der Fokus von React Native liegt auf der Entwicklereffizienz auf allen Plattformen, die Sie interessieren - einmal lernen, überall schreiben.

8
Unterstützt React Native-Stile Farbverläufe?
Ich sehe, dass jemand dies dafür gemacht hat: https://github.com/brentvatne/react-native-linear-gradient Aber gibt es Unterstützung dafür in RN selbst? Etwas wie style = StyleSheet.create({ backgroundGradient: "vertical", backgroundGradientTop: "#333333", backgroundGradientBottom: "#666666" });
11
setTimeout in React Native
Ich versuche, einen Begrüßungsbildschirm für eine in React Native integrierte iOS-App zu laden. Ich versuche dies durch Klassenzustände und dann eine setTimeout-Funktion wie folgt zu erreichen: class CowtanApp extends Component { constructor(props){ super(props); this.state = { timePassed: false }; } render() { setTimeout(function(){this.setState({timePassed: true})}, 1000); if (!this.state.timePassed){ return <LoadingPage/>; }else{ …
6
Wie stelle ich die Hintergrundfarbe der iOS-Statusleiste in React Native ein?
Gibt es eine einzige Stelle im nativen iOS-Code für die Reaktion, die ich ändern kann, um die Hintergrundleiste für die iOS-Statusleiste festzulegen? RCTRootView.m? Die reaktive native StatusBar- Komponente unterstützt nur backgroundColor für Android. Das iOS-Betriebssystem scheint das Einstellen der Statusleiste backgroundColor zu ermöglichen Mein Ziel ist es, eine dunklere Statusleistenfarbe …
15
Bildgrößenänderung in React Native
Ich versuche, die Größe eines Bilds (kleiner, um auf den Bildschirm zu passen) in meiner nativen App zu ändern, kann dies jedoch nicht, da es zu groß ist. Hier ist der Code: 'use strict'; var React = require('react-native'); var { StyleSheet, Text, TextInput, View, TouchableHighlight, ActivityIndicatorIOS, Image, Component } = …
9
React-Native Button-Stil funktioniert nicht
Import_this import {AppRegistry, Text, View, Button, StyleSheet} from 'react-native'; Dies ist mein React Button Code Aber Stil funktioniert nicht Hase ... <Button onPress={this.onPress.bind(this)} title={"Go Back"} style={{color: 'red', marginTop: 10, padding: 10}} /> Auch ich wurde von diesem Code versucht <Button containerStyle={{padding:10, height:45, overflow:'hidden', borderRadius:4, backgroundColor: 'white'}} style={{fontSize: 20, color: 'green'}} …
5
spawnSync ./gradlew EACCES-Fehler beim Ausführen des reaktiven nativen Projekts auf dem Emulator udara
Ich versuche, React-Native Run-Android zu verwenden, um meine React-Native-Anwendung auf einem Android Studio-Emulator zu installieren. Ich habe mit abd-Geräten überprüft, ob der Emulator verfügbar ist, und ich habe npm-install ausgeführt. Ich verwende Ubuntu 18.04 mit der neuesten Version von Android Studio und der neuesten Pixel 2 XL API 28. Ich …
3
Können React Native-Apps in einem Browser getestet werden?
Ist es möglich zu erkennen, dass React Native-Apps mit Simulatoren entwickelt / getestet werden können? Verwenden Sie einen Webbrowser, um auch eine Anwendung zu testen. Dienste wie https://rnplay.org/ existieren, aber ich befürchte, dass sie von https://appetize.io/ betrieben werden und möglicherweise durch die Anzahl der Minuten pro Monat begrenzt sind. Ich …
13
Native reagieren - Links im Browser öffnen
Hallo, ich verwende die Webansicht von react native, um etwas HTML anzuzeigen. Ich möchte, dass jedes Mal, wenn ein Benutzer auf einen Link in diesem HTML klickt, der Browser des Benutzers mit diesem Link geöffnet wird. ist das möglich? Bearbeiten 1: Am Ende habe ich dieses Paket verwendet: npmjs.com/package/react-native-communications, das …
1
flex vs flexGrow vs flexShrink vs flexBasis in React Native?
Ich endlich aufgewertet reagieren nativer auf 0,42 , die die Einführung umfasst flexGrow, flexShrinkund flexBasisund die Änderung (oder fix), wieflex gemacht wird. Ich bekomme immer wieder Fehler wie: Die Ansicht wurde mit explizit eingestellter Breite / Höhe, jedoch mit einer FlexBasis von 0 gerendert. (Dies kann durch Ändern von flex: …
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.