React native 在平面列表中单击用户名时打开模式

我想打开一个模式，在单击平面列表元素中的用户名时显示用户配置文件。例如，下面是flatlist元素：

当用户单击用户名“tempUN”时，模式将打开，其中包含用户“tempUN”配置文件信息

目前，我正在使用上述所有信息渲染单元格，并使用可触摸的不透明度打开模式：

<TouchableOpacity onPress = {() => openModal(username)}> 
         <Text style = {styles.tradeText}> {username} </Text>
</TouchableOpacity>

openmodel（用户名）}>
{username}

这就是OpenModel的外观：

export function openModal(username){
if (username) {
    console.log(username)
    return(
        <View>
            <Modal
            animationType="slide"
            visible={true}
            onRequestClose={() => {
                Alert.alert("Modal has been closed.");
            }}
            >
            <View>
                <View>
                <Text style={styles.modalText}>Hello World!</Text>

                </View>
            </View>
            </Modal>
        </View>
    )
}
}

导出函数OpenModel（用户名）{
如果（用户名）{
console.log（用户名）
返回(
{
警报。警报（“模式已关闭”）；
}}
>
你好，世界！
)
}
}

当我单击用户名时，控制台会记录用户名，但不会显示模式。如何解决此问题，因此当我单击用户名时，模式会向上滑动

---

谢谢

您不仅返回模式视图以打开模式，还需要切换可见标志。也就是说，该模式需要是视图的一部分，初始可见标志设置为false。举个例子：啊，我明白了。谢谢