render() { return ( <View style={styles.container}> <Image source={Images.logo} style={styles.logo} /> {this.renderForm()} </View> ); }
render () { return ( <TouchableOpacity style={[styles.container, this.props.style]} onPress={this.props.onPress}> <Image resizeMode='contain' source={this.props.image} style={styles.image} /> <Text style={styles.label}>{this.props.text}</Text> </TouchableOpacity> ) }
render() { return ( <LinearGradient colors={GRADIENT_COLORS} style={Style.container}> <View style={Style.elementContainer}> <TextInput style={Style.input} placeholder="Szukaj" autoCapitalize="none" onChangeText={(text) => this.onSearchInputChanged(this, text)} /> </View> <FlatList data={this.state.data} renderItem={({item}) => <CurrencyItem currencyItem={item} />} keyExtractor={item => this.state.data.indexOf(item).toString()} /> </LinearGradient> ); }
render () { return ( <ScrollView style={styles.container}> {this.state.ship.map((shipment) => <Card {...shipment} />)} </ScrollView> ) }
render () { return ( <View style={styles.container}> <AlertMessage title='Nothing to See Here, Move Along' show={this.noRowData()} /> <ListView contentContainerStyle={styles.listContent} dataSource={this.state.dataSource} renderRow={this.renderRow} pageSize={15} /> </View> ) }
render () { return ( <View style={styles.container}> <Text style={styles.text}>Hello from our Action Extension!</Text> <View style={styles.button}> <RoundedButton text='Done' onPress={() => { NativeModules.ActionExtension.done() }} /> </View> </View> ) }
const HomeScreen = () => ( <View style={styles.container}> <Text>Home Screen</Text> <Button title="Go to Detail Screen" onPress={() => props.navigation.navigate("Detail")} /> </View> )
render() { return ( <View style={styles.container}> <ArcView /> </View> ); }
const NoDataFound = () => { return ( <View style={styles.container}> <Image style={styles.image} source={NoDataFoundImage} /> </View> ); }
render() { return ( <View style={styles.container}> {this.renderButtons()} </View> ); }
render() { return ( <View style={styles.container}> <Text>Details Screen</Text> </View> ); }
render () { return ( <TouchableOpacity style={[styles.container, this.props.style]} onPress={this.props.onPress}> <Image resizeMode='contain' source={this.props.image} style={styles.image} /> <Text style={styles.label}>{this.props.text}</Text> </TouchableOpacity> ) }
render () { return ( <TouchableOpacity style={[styles.container, this.props.style]} onPress={this.props.onPress}> <Image resizeMode='contain' source={this.props.image} style={styles.image} /> <Text style={styles.label}>{this.props.text}</Text> </TouchableOpacity> ) }
render () { return ( <TouchableOpacity style={[styles.container, this.props.style]} onPress={this.props.onPress}> <Image resizeMode='contain' source={this.props.image} style={styles.image} /> <Text style={styles.label}>{this.props.text}</Text> </TouchableOpacity> ) }
render () { return ( <TouchableOpacity style={[styles.container, this.props.style]} onPress={this.props.onPress}> <Image resizeMode='contain' source={this.props.image} style={styles.image} /> <Text style={styles.label}>{this.props.text}</Text> </TouchableOpacity> ) }