function DrawerContent() { return ( <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}> <Text>Drawer content</Text> <TouchableOpacity> <Text> Pedidos realizados </Text> </TouchableOpacity> </View> ); }
const PropsExample = () => { return ( <ScrollView style={styles.container}> {images.map((image, index) => ( <LoremPixelImage {...image} key={`image__${index}`} /> ))} </ScrollView> ); }
export default function AllCreditsScreen({ navigation, route }) { const { colors } = useTheme(); const biography = route.params?.biography; return ( <ScrollView style={{ flex: 1 }}> <View style={{ flex: 1, padding: 16 }}> <Text style={{color:colors.text}}>{biography}</Text> </View> </ScrollView> ); }
render() { return ( <View style={styles.main}> <FlatList data={this.state.filmes} keyExtractor={item => item.codigo.toString()} renderItem={({ item }) => <Filmes data={item} />} /> </View> ); }
const CustomTabBar = ({ navigation }) => { const { routes } = navigation.state; return ( <SafeAreaView style={styles.tabContainer}> {routes.map(route => ( <BorderlessButton onPress={() => navigation.navigate(route.routeName)} style={styles.tab} key={route.routeName} > <Text>{route.routeName}</Text> </BorderlessButton> ))} </SafeAreaView> ); }
const Posts = () => { const renderPosts = () => ( posts.map((post, idx) => ( <CardWithImage key={idx} {...post} /> )) ) return ( <SafeAreaView> <ScrollView> {renderPosts()} </ScrollView> </SafeAreaView> ) }
render() { const { navigation } = this.props; return ( <View style={styles.main}> <FlatList data={this.state.filmes} keyExtractor={item => item.codigo.toString()} renderItem={({ item }) => ( <ItemFilme data={item} navigation={navigation} onSaved={() => this.buscarFilmes()} onDeleted={() => this.buscarFilmes()} /> )} /> </View> ); }
function Details({route,navigation}) { const title=route.params.title; const description=route.params.description; const precio=route.params.precio; const image=route.params.image; const imageFood=route.params.imageFood; return ( <ImageBackground style={{width:'100%',height:'100%',}} source={require('../assets/pizza.jpg')}> <TouchableOpacity> <View style={{backgroundColor: 'rgba(52, 52, 52, 0.5)'}}> <Text style={style.title}>{title}</Text> <Text style={style.description}>{description}</Text> <Image style={style.imageFood} source={{uri:imageFood}}></Image> <Button title="Buy" color="red" onPress={() => navigation.navigate('Home')}/> <Text style={style.precio}>Precio: {precio}</Text></View> </TouchableOpacity> </ImageBackground> ); }
render() { return ( <ScrollView style={styles.container}> <View> <Text style={styles.title}>账号</Text> <TextInput style={{ backgroundColor: '#f1f1f1', padding: 5, fontSize: 14 }} placeholder='请输入手机号或者邮箱' keyboardType='phone-pad' autoFocus={true} maxLength={30} onChangeText={(newText) => this._updateText(1,newText)}/> </View> <View> <Text style={styles.title}>密码</Text> <TextInput style={{ backgroundColor: '#f1f1f1', fontSize: 14, padding: 5 }} placeholder='请输入密码' secureTextEntry={true} maxLength={20} onChangeText={(newText) => this._updateText(2,newText)}/> </View> <View style={{marginTop:20}}> <Button title='登录' style={styles.btn} onPress={this._submitData.bind(this)}/> </View> </ScrollView> ) }
export default function Details({ navigation }){ return( <View style={styles.container}> <Text style={styles.text}> Details Screen</Text> <TouchableOpacity style={{backgroundColor:"blue", height:30, width:150, justifyContent:"center", alignItems:"center", borderRadius:10, marginTop:10}} onPress={() => navigation.goBack()} > <Text style={{color:"white"}}> Regresar al menú!</Text> </TouchableOpacity> </View> ); }
render() { return ( <View style={[mapStyle.localizeButton, marginRight]}> <BoxShadow setting={{ ...shadowButton, ...shadowButtonSize }} > <TouchableOpacity onPress={() => this.handleGeolocationButton()} style={[buttonDefault, sizeButtonDefault]} > <FontAwesomeIcon icon={faLocationArrow} style={colorPrimary} /> </TouchableOpacity> </BoxShadow> </View> ); }
render() { return ( <ScrollView style={styles.container} contentContainerStyle={{flexGrow:1}}> <MainNavigator /> </ScrollView> ); }
render() { return ( <View style={styles.container}> <FlatList data={this.state.filmes} keyExtractor={item => item.codigo.toString()} renderItem={({ item }) => <Filmes data={item} />} /> </View> ); }
render() { return ( <ScrollView style={styles.container}> <View> <Text style={styles.title}>问题建议</Text> <TextInput style={{ backgroundColor: '#f1f1f1', padding: 5, height: 100, fontSize: 14, textAlignVertical: 'top' }} placeholder='请在此描述问题或者建议' autoFocus={true} maxLength={200} multiline={true} onChangeText={(newText) => this._updateText(1,newText)}/> </View> <View> <Text style={styles.title}>联系方式</Text> <TextInput style={{ backgroundColor: '#f1f1f1', fontSize: 14, padding: 5 }} placeholder='请输入手机号' autoComplete={'email'} keyboardType='phone-pad' onChangeText={(newText) => this._updateText(2,newText)}/> </View> <View style={{marginTop:20}}> <Button title='提交' style={styles.btn} onPress={this._submitData.bind(this)}/> </View> </ScrollView> ) }
render() { return ( <ScrollView style={styles.container}> <View> <Text style={styles.title}>问题建议</Text> <TextInput style={{ backgroundColor: '#f1f1f1', padding: 5, height: 100, fontSize: 14, textAlignVertical: 'top' }} placeholder='请在此描述问题或者建议' autoFocus={true} maxLength={200} multiline={true} onChangeText={(newText) => this._updateText(1,newText)}/> </View> <View> <Text style={styles.title}>联系方式</Text> <TextInput style={{ backgroundColor: '#f1f1f1', fontSize: 14, padding: 5 }} placeholder='请输入手机号' autoComplete={'email'} keyboardType='phone-pad' onChangeText={(newText) => this._updateText(2,newText)}/> </View> <View style={{marginTop:20}}> <Button title='提交' style={styles.btn} onPress={this._submitData.bind(this)}/> </View> </ScrollView> ) }