1 回答

TA貢獻(xiàn)1828條經(jīng)驗(yàn) 獲得超6個(gè)贊
我在沒(méi)有課程的情況下制作了您的版本。這應(yīng)該與鉤子 useNavigation 一起使用。
這適用于 react-navigation v5.x
import React from 'react'
import { Text, View, Image, StyleSheet, TouchableOpacity } from 'react-native'
import { useNavigation } from '@react-navigation/native'
export default props => {
const navigation = useNavigation()
const detalhes = () => navigation.navigate('Detalhes')
// or , if you need to send params too
// const detalhes = id => navigation.navigate('Detalhes',{playerId: id})
return (
<View style={styles.viewDentro}>
<View style={styles.viewTop}>
<Image source={props.imageUri} style={styles.imagem} />
<View style={styles.viewBottom}>
<Text style={styles.textoP}>{props.name}</Text>
<Text style={styles.textoP}>{props.posicao}</Text>
<TouchableOpacity style={styles.botao} title="Detalhes"
onPress={detalhes}>
<Text style={styles.textoB}>Detalhes</Text>
</TouchableOpacity>
</View>
</View>
</View>
)
}
const styles = StyleSheet.create({
// styles here
})
添加回答
舉報(bào)