React Native

javascript - Hogyan lehet nézeteket váltani ugyanazon a képernyőn belül (React Native)?

A következőt szeretném duplikálni a react-native-scrollable-tab-view segítségével:

Jelenleg a kódom a következő, de nem vagyok biztos abban, hogyan kell végrehajtani és beilleszteni a modult a dolgok egyszerűsítése érdekében - van val

További információ →

javascript - Nézze meg a komponens hierarchiát a React Native-ban

Egy React weboldal hibakeresésekor megtekinthetem az összetevők hierarchiáját a React Fejlesztői Eszközök segítségével:

Hogyan tudnám ugyanezt megtenni React Native-ben? A rage shake menü tartalmaz egy 'inspector'-t, de úgy tűnik, csak egyetlen elemet tudok vele megvizsgálni a rákattintással - nem látom, hogyan lehetne az egész

További információ →

javascript - React Native - elválasztás

Egy React Native alkalmazáson dolgozom, ahol dobozokban jelenítek meg szöveget. Néha az egyes szavak a dobozokban túl hosszúak ahhoz, hogy egy sorba férjenek, így a React Native egyszerűen megszakítja a szót, amikor túl hosszú lenne, és folytatja a szöveget a következő sorban. Ez sajnos a szavak rossz elválasztásához vezet (lásd a bal oldali dobozt a képen). Olyan megoldást próbálok találni, amely javítja ezt, így ebben a példában az eredmény a jobb oldali dobozhoz hasonló lenne, ahol a szó é

További információ →

javascript - Hogyan lehet szélességet százalékban meghatározni a React Native-ben?

Próbálok létrehozni egy nézetet, amelynek van egy kerete, középre van helyezve, és a képernyő 80%-át kitölti. Eddig ezt találtam ki:

További információ →

javascript - React Native megfelelője a mousedown-nak

Ha weboldalt készítek, használhatok egy mousedown eseményt valamely dolog elindításához, amikor az egérgombot lenyomják (és még nem engedték fel).

A React Native-ban van egy TouchableHighlight elemem, és regisztrálhatok egy onPress visszahívást, de ez csak akkor váltódik ki, amikor elengedem az

További információ →

javascript - react native push értesítés hang

Megpróbálok hangot hozzáadni a helyi push értesítésemhez. RN 0.45.1-et és react-native-push-notifications 3.0.0-t használok

Sikerült ütemeznem értesítést iOS-en és Androidon alapértelmezett hanggal. Nem sikerült egyedi hangot hozzáadnom.

Van egy hangfájlom mp3 típusban. A következőket próbáltam:

helyezze el a fájlt a
További információ →

javascript - React Native FlatList tesztelése Enzyme-nal

Próbálom az Enzyme-nal tesztelni egy React Native FlatList-et. Meg akarom nézni, hogy a megfelelő függvény hívódik-e meg, amikor a lista a végére ér:

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.c

További információ →

javascript - Úgy tűnik, a hoisting működik a React Native-ben a const használatával

Észrevettem egy érdekes dolgot a React Native-ben. Azt hittem, hogy az ES6-ban a const és a let nem támogatja a hoistinget. Hogyan lehetséges a const styles használata a definiálása előtt?

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

További információ →

javascript - Wix react-native-navigation fül váltása és képernyő tolása

Hogyan tudnék egyszerre váltani fülre és tolni képernyőt? Amikor a gombot megnyomják, szeretném átváltani egy másik fülre és megjeleníteni egy új képernyőt. Lehetséges ez?

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

További információ →

javascript - A React Native localeCompare nem működik Androidon

Próbálom az tömbömet ábécé sorrendbe rendezni.

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

A myArray-m török karaktereket tartalmaz, például 'ç,ş,ü,ö,ı'. A kódom megfelelően működik iOS-en, de Androidon nem úgy működik, ahogy szeretném. ABC sorrendben rendezi, de a török karakterekkel kezdődő szavak a lista alján találhatók.

Válasz #1

A React Native legújabb verzióiban az Intl támog

További információ →