Programmazione react-native

4

Sto affrontando uno strano problema. Nella mia app nativa di reazione, se imposto l' onPressevento Viewnon viene attivato, ma se imposto lo stesso Textall'interno View, si attiva . Cosa mi manca qui? <View style={{backgroundColor: "red", padding: 20}}> <Text onPress={()=> { console.log('works'); } }>X</Text> </View> <View style={{backgroundColor: "red", padding: 20}} onPress={()=> …

104 react-native react-native-android

7

Eseguire l'applicazione reattiva nativa sul dispositivo iOS direttamente dalla riga di comando?

È possibile eseguire un'applicazione reattiva nativa su un dispositivo iOS direttamente dalla riga di comando come facciamo sul simulatore con react-native run ios --simulator "iPhone 5s"?

104 ios react-native

6

Come recuperare i dati dal file JSON locale su React Native?

Come posso archiviare file locali come JSON e quindi recuperare i dati dal controller?

103 json react-native local-files

9

Come si definisce un TextInput in React Native per l'immissione della password

Ho un TextInput. Invece di mostrare il testo effettivo inserito, voglio che mostri asterischi (****) quando l'utente inserisce il testo. Come posso fare questo? <TextInput style={{ height: 40, borderColor: 'gray', borderWidth: 1 }} onChangeText={(text) => this.setState({input: text})} />

103 react-native

12

Come posso visualizzare le richieste di rete (per il debug) in React Native?

Vorrei visualizzare le mie richieste di rete in React Native per aiutarmi a eseguire il debug, idealmente nella scheda "Rete" degli strumenti di sviluppo di Chrome. Ci sono alcuni problemi chiusi al riguardo su GitHub ( https://github.com/facebook/react-native/issues/4122 e https://github.com/facebook/react-native/issues/934 ) ma non lo faccio t capirli completamente. Sembra che sia …

102 javascript google-chrome-devtools react-native

16

Avvertenza: ogni figlio in un array o in un iteratore dovrebbe avere un prop "chiave" univoco. Controlla il metodo di rendering di "ListView"

Ho creato un'app con ReactNative sia per iOS che per Android con estensioneListView . Quando si popola la listview con un'origine dati valida, viene stampato il seguente avviso nella parte inferiore dello schermo: Avvertenza: ogni figlio in un array o in un iteratore dovrebbe avere un prop "chiave" univoco. Controlla …

102 facebook listview reactjs react-native

9

Rendi visibile l'80% della larghezza del genitore in React Native

Sto creando un modulo in React Native e vorrei rendere il mio TextInput80% della larghezza dello schermo. Con HTML e CSS ordinari, questo sarebbe semplice: input { display: block; width: 80%; margin: auto; } Tranne che React Native non supporta la displayproprietà, le larghezze percentuali o i margini automatici. Allora …

98 javascript css reactjs react-native

10

Come impostare la famiglia di caratteri predefinita in React Native?

Esiste un equivalente a questo CSS in React Native, in modo che l'app utilizzi lo stesso carattere ovunque? body { font-family: 'Open Sans'; } Applicarlo manualmente su ogni nodo di testo sembra eccessivamente complicato.

98 react-native

3

React-Native non può scrivere la prima lettera senza maiuscole

Ho qualche problema con React-Native. Ho un componente di input (come il campo di testo) per consentire all'utente di inserire il suo indirizzo e-mail, ma il fatto è che la prima lettera viene sempre come predefinita per la lettera maiuscola ed è impossibile renderla non maiuscola. Come posso cambiarlo in …

97 react-native input-field

10

Reagisci agli stili globali nativi

Sono nuovo con React e capisco i vantaggi degli stili inline basati sui componenti. Ma mi chiedo se esista un modo decente per avere una sorta di stile globale. Ad esempio, mi piacerebbe utilizzare la stessa colorazione di testo e pulsanti in tutta la mia app. Piuttosto che ripetere in …

96 react-native

4

Reagisce Native Border Radius con il colore di sfondo

In React Native, borderRadiusfunziona ma il colore di sfondo dato al pulsante rimane un quadrato. Che cosa sta succedendo qui? JS <TouchableHighlight style={styles.submit} onPress={() => this.submitSuggestion(this.props)} underlayColor='#fff'> <Text style={[this.getFontSize(),styles.submitText]}>Submit</Text> </TouchableHighlight> Stile ... submit:{ marginRight:40, marginLeft:40, marginTop:10, }, submitText:{ paddingTop:20, paddingBottom:20, color:'#fff', textAlign:'center', backgroundColor:'#68a0cf', borderRadius: 10, borderWidth: 1, borderColor: '#fff' }, …

96 javascript styles react-native

3

Absolute e Flexbox in React Native

Vorrei inserire una barra bianca che occupi tutta la larghezza nella parte inferiore dello schermo. Per farlo ho pensato di utilizzare il absoluteposizionamento con i flexboxparametri ereditati . Con il seguente codice rende qualcosa di simile a questo . Ecco il mio codice: var NavigationBar = React.createClass({ render: function() { …

95 javascript css react-native

14

Reagisci dimensione carattere reattivo nativo

Vorrei chiedere come reagisce l'handle nativo o fa il carattere reattivo. Ad esempio in iPhone 4s ho fontSize: 14, mentre in iPhone 6 ho fontSize: 18.

95 ios reactjs react-native

1

Come posso rendere il testo verticale (ruotato di 90 gradi) in React Native?

Come posso rendere <Text />verticale (ruotato di 90 gradi) in React Native? Voglio avere del testo sul lato destro della pagina lungo il bordo dello schermo.

94 react-native

1

Come posso determinare se la mia app React Native è una build di debug o di rilascio dal codice JavaScript?

Vorrei aggiungere un'interfaccia utente di solo debug alla mia app React Native, ma non riesco a trovare alcun equivalente RCT_DEBUGo RCT_DEVflag in fase di compilazione nell'ambiente JavaScript. Ce n'è uno? Caso d'uso: voglio aggiungere una barra di stato che mostra il numero di richieste HTTP avviate dalla mia app. Ovviamente …

93 javascript ios react-native

Domande taggate «react-native»