打开屏幕不适用于下面的行

Posted 2023-05-07

【中文标题】打开屏幕不适用于下面的行

【英文标题】：Open screen is not working with the line below

【发布时间】：2021-07-22 06:39:23

【问题描述】：

我有一个组件，他打开一个模态...

App.js

import ScreenModal from './ScreenModal';

return (
    <View>
        <TouchableOpacity onPress=ScreenModal>
              <Text>Click</Text>
        </TouchableOpacity>
    </View>
);

ScreenModal.js

function getModal() 
    return (
      <Modal isVisible=true>
        <Text>Teste</Text>
      </Modal>
    )

他没有打开一个模态（ScreenModal）。哪里出错了？

obs.: 我有一个自定义模式

【参考方案1】：

你的代码应该是这样的

//your modal component
const MyModalComponent = (isVisible = true) => 
    return (
      <Modal visible=isVisible>
        <Text>Teste</Text>
      </Modal>
    )

然后像这样使用它

 
const App = () => 

   const [isVisible, setVisible] = React.useState(false);

   return(
     <View>
        <TouchableOpacity onPress=() => setVisible(true)>
             <Text>Click</Text>
        </TouchableOpacity>
    
        <MyModalComponent isVisible=isVisible />
     </View>
   )

参见文档示例here

【讨论】：

不是函数... ``` const App = () => const [isVisible, setVisible] = React.useState(false); const MyModalComponent = (isVisible = true) => return ( Teste ) return( setVisible(true)> Click ) ```

箭头函数表达式同w3schools.com/js/js_arrow_function.asp