javascript - Hur byter man vyer inom samma skärm (React Native)?
Jag vill duplicera följande med react-native-scrollable-tab-view:
För närvarande är min kod följande, men jag är inte säker på hur jag ska köra och integrera modulen för att göra saker enklare - har någon några idéer om hur jag kan im
Läs mer →javascript - Visa komponenthierarki i React Native
När jag felsöker en React-webbplats kan jag visa komponenthierarkin med hjälp av React Developer Tools:
Hur kan jag göra samma sak i React Native? Rage shake-menyn innehåller en 'inspektör' men det verkar bara låta mig inspektera ett enskilt element genom att trycka på det - jag ser inget sätt att bläddra i hela komponenthierar
Läs mer →javascript - React Native - bindestreck
Jag arbetar på en React Native-app där jag visar lite text inuti rutor. Ibland är de enskilda orden i rutorna för långa för att rymmas på en rad, så RN delar helt enkelt av ordet när det blir för långt och fortsätter texten på nästa rad. Detta leder tyvärr till dålig bindestreckning av orden (se den vänstra rutan i bilden). Jag försöker hitta en lösning för att förbättra detta så att resultatet i det här exemplet skulle bli som rutan till höger där ordet är korrekt uppdelat med bindestreck. J
Läs mer →javascript - Hur man definierar bredd i procent i React Native?
Jag försöker skapa en vy med en ram runt den som är centrerad och fyller 80% av skärmen. Jag har kommit fram till detta:
<View style={{flexDirection: 'row'}}> <View style={{flex: .1}} /> <View style={{flex: .8, borderWidth: 2}} /> <View style={{flex: .1}} /> </View> Läs mer →javascript - React Native motsvarighet till mousedown
Om jag skapar en webbplats kan jag använda ett mousedown-evenemang för att trigga något när musknappen trycks ned (och inte ännu släpps).
I React Native har jag en TouchableHighlight och kan registrera en onPress-callback, men detta utlöses endast när jag släpper fingret från knappen.
Finn
Läs mer →javascript - react native push-notisljud
Jag försöker lägga till ljud till min lokala pushnotis. Jag använder RN 0.45.1 och react-native-push-notifications 3.0.0
Jag lyckas schemalägga notifiering i iOS och Android med standardljud. Jag lyckades inte lägga till eget ljud.
Jag har en ljudfil av typen mp3. Jag försökte följande:
- placera filen i min projektmap Läs mer →
javascript - Testa React Native FlatList med Enzyme
Jag försöker testa med Enzyme en React Native FlatList. Jag vill kontrollera om rätt funktion kallas när listan når slutet:
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 Läs mer →javascript - Det verkar som att hoisting fungerar i React Native med const
Jag märkte en intressant sak i React Native. Jag trodde att const och let inte stöder hoisting i ES6. Hur är det möjligt att använda const styles ovanför dess definition?
render() { const { repos } = this.state; const reposList = repos.map((rep, index) => { return ( <Text>{rep.name}</Text> ) }); return ( <View style={styles.container}> <-- st Läs mer →javascript - Wix react-native-navigation byta flik och trycka på skärm
Hur kan jag samtidigt byta flik och visa en ny skärm? När knappen trycks vill jag byta till en annan flik och visa en ny skärm. Är det möjligt?
class Example extends Component { buttonHandler = () => { this.props.navigator.switchToTab({ tabIndex: 0 }); Läs mer →javascript - React Native localeCompare fungerar inte på Android
Jag försöker sortera min array alfabetiskt.
myArray.sort(function(a, b){ return a.title.localeCompare(b.title ,'tr'); })myArray innehåller turkiska tecken som 'ç, ş, ü, ö, ı'. Min kod fungerar korrekt på iOS men den fungerar inte som jag vill på Android. Den sorteras alfabetiskt men ord som börjar med turkiska tecken hamnar längst ner i listan.
Svar #1
I nyare versioner av React Native kan du aktivera Intl-stöd i
Läs mer →