javascript - Hvordan bytte visninger på samme skjerm (React Native)?
Jeg vil duplisere følgende med react-native-scrollable-tab-view:
For øyeblikket er koden min som følger, men jeg er ikke sikker på hvordan jeg skal kjøre og integrere modulen for å gjøre ting enklere – har noen noen ideer om hvordan j
Les mer →javascript - Vis komponenthierarki i React Native
Når jeg feilsøker et React-nettsted, kan jeg se komponenthierarkiet ved hjelp av React Developer Tools:
Hvordan kan jeg gjøre det samme i React Native? Rage shake-menyen inneholder en 'inspector', men den ser bare ut til å la meg inspisere ett enkelt element ved å trykke på det - jeg ser ingen måte å bla gjennom hele komponenth
Les mer →javascript - React Native - bindestrekbruk
Jeg jobber med en React Native-app hvor jeg viser tekst inne i bokser. Noen ganger er de enkelte ordene i boksene for lange til å få plass på én linje, så RN bare bryter ordet når det blir for langt og fortsetter teksten på neste linje. Dette fører dessverre til dårlig stavelsesdeling av ordene (se boksen til venstre i bildet). Jeg prøver å finne en løsning for å forbedre dette slik at resultatet i dette eksemplet ville være som boksen til høyre, der ordet er delt ved en rimelig punkt. Jeg ve
Les mer →javascript - Hvordan definere bredde i prosent i React Native?
Jeg prøver å lage en visning med en ramme rundt som er sentrert og fyller 80 % av skjermen. Jeg har kommet opp med dette:
<View style={{flexDirection: 'row'}}> <View style={{flex: .1}} /> <View style={{flex: .8, borderWidth: 2}} /> <View style={{flex: .1}} /> </View&g Les mer →javascript - React Native ekvivalent til mousedown
Hvis jeg lager en nettside, kan jeg bruke en mousedown-hendelse for å utløse noe når musknappen trykkes ned (og ennå ikke er sluppet).
I React Native har jeg en TouchableHighlight og kan registrere en onPress-callback, men denne utløses bare når jeg slipper fingeren fra knappen.
Finnes det
Les mer →javascript - react native push-varsling lyd
Jeg prøver å legge til lyd i min lokale push-varsling. Jeg bruker RN 0.45.1 og react-native-push-notifications 3.0.0
Jeg klarer å planlegge varsling i iOS og Android med standardlyd. Jeg klarte ikke å legge til egendefinert lyd.
Jeg har en lydfil av typen mp3. Jeg prøvde følgende:
- plasser filen i prosjektmappen min: Les mer →
javascript - Testing av React Native FlatList med Enzyme
Jeg prøver å teste med Enzyme en React Native FlatList. Jeg vil sjekke om riktig funksjon blir kalt når listen når slutten:
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(0); fList.i Les mer →javascript - Ser ut som hoisting fungerer i React Native med const
Jeg la merke til en interessant ting i React Native. Jeg trodde at const og let ikke støttet hoisting i ES6. Hvordan er det mulig å bruke const styles over definisjonen sin?
render() { const { repos } = this.state; const reposList = repos.map((rep, index) => { return ( <Text>{rep.name}</Text> ) }); return ( <View style={styles.container}> <-- Les mer →javascript - Wix react-native-navigation bytt fane og skyv skjerm
Hvordan kan jeg samtidig bytte fane og pushe skjerm? Når knappen trykkes, vil jeg bytte til en annen fane og pushe en ny skjerm. Er det mulig?
class Example extends Component { buttonHandler = () => { this.props.navigator.switchToTab({ tabIndex: 0 }); Les mer →javascript - React Native localeCompare fungerer ikke på Android
Jeg prøver å sortere arrayen min alfabetisk.
myArray.sort(function(a, b){ return a.title.localeCompare(b.title ,'tr'); })myArray inneholder tyrkiske tegn som 'ç, ş, ü, ö, ı'. Koden min fungerer riktig på iOS, men den fungerer ikke slik jeg vil på Android. Den sorterer alfabetisk, men ord som begynner med tyrkiske tegn havner nederst på listen.
Svar #1
I nyere versjoner av React Native kan du aktivere Intl-støtte i
Les mer →