React Native

javascript - Comment changer de vues sur le même écran (React Native) ?

Je veux dupliquer ce qui suit avec react-native-scrollable-tab-view :

Actuellement, mon code est le suivant, mais je ne sais pas comment exécuter et incorporer le module pour faciliter les choses - quelqu'un a-t-il des idées sur la fa

Lire la suite →

javascript - Afficher la hiérarchie des composants dans React Native

Lors du débogage d'un site web React, je peux visualiser la hiérarchie des composants en utilisant les outils de développement React :

Comment puis-je faire la même chose dans React Native ? Le menu de secousses de rage contient un « inspecteur », mais il semble seulement me permettre d'inspecter un seul élément en le tapant -

Lire la suite →

javascript - React Native - césure

Je travaille sur une application React Native où j'affiche du texte à l'intérieur de boîtes. Parfois, les mots individuels dans les boîtes sont trop longs pour tenir sur une seule ligne, alors RN coupe simplement le mot lorsqu'il devient trop long et continue le texte sur la ligne suivante. Cela entraîne malheureusement une mauvaise césure des mots (voir la boîte de gauche sur l'image). J'essaie de trouver une solution pour améliorer cela de sorte que, dans cet exemple, le résultat ressemble

Lire la suite →

javascript - Comment définir la largeur en pourcentage dans React Native ?

J'essaie de créer une vue avec une bordure autour, centrée et remplissant 80 % de l'écran. J'ai trouvé ceci :

Lire la suite →

javascript - équivalent React Native de mousedown

Si je crée un site web, je peux utiliser un événement mousedown pour déclencher quelque chose lorsque le bouton de la souris est enfoncé (et pas encore relâché).

Dans React Native, j'ai un TouchableHighlight et je peux enregistrer un rappel onPress, mais cela ne se déclenche que lorsque je relâc

Lire la suite →

javascript - son de notification push React Native

J'essaie d'ajouter du son à ma notification push locale. J'utilise RN 0.45.1 et react-native-push-notifications 3.0.0

J'arrive à programmer des notifications sur iOS et Android avec le son par défaut. Je n'ai pas réussi à ajouter un son personnalisé.

J'ai des fichiers audio de type mp3. J'ai essayé ce qui suit :

plac
Lire la suite →

javascript - Tester FlatList de React Native avec Enzyme

J'essaie de tester avec Enzyme un FlatList de React Native. Je veux vérifier si la bonne fonction est appelée lorsque la liste atteint la fin :

import { listIsAtTheEnd } from "./actions"; import { mount } from "enzyme"; jest.mock("./actions"); describe("Main page", () => { if("Calls listIsAtTheEnd when FlatList reaches the end", () => { var app = mount(<App />); var container = app.find("FlatListContainer"); var fList = container.childAt

Lire la suite →

javascript - On dirait que le hoisting fonctionne dans React Native avec const

J'ai remarqué une chose intéressante dans React Native. Je pensais que const et let ne supportaient pas le hoisting dans ES6. Comment est-il possible d'utiliser const styles avant sa définition ?

render() { const { repos } = this.state; const reposList = repos.map((rep, index) => { return ( <Text>{rep.name}</Text> ) }); return ( <View style={styles.

Lire la suite →

javascript - Wix react-native-navigation changer d'onglet et pousser un écran

Comment puis-je changer d’onglet et afficher un écran en même temps ? Lorsque le bouton est pressé, je voudrais passer à un autre onglet et afficher un nouvel écran. Est-ce possible ?

class Example extends Component { buttonHandler = () => { this.props.navigator.switchToTab

Lire la suite →

javascript - React Native localeCompare ne fonctionne pas sur Android

J'essaie de trier mon tableau par ordre alphabétique.

myArray.sort(function(a, b){ return a.title.localeCompare(b.title ,'tr'); })

Mon tableau contient des caractères turcs comme 'ç,ş,ü,ö,ı'. Mon code fonctionne bien sur iOS, mais il ne fonctionne pas comme je le veux sur Android. Il trie par ordre alphabétique, mais les mots commençant par des caractères turcs sont en bas de la liste.

Réponse #1

Dans les versions

Lire la suite →