在ReactNative中使用模态

hmae6n7t 于 2023-02-19 发布在 React

关注(0)|答案(2)|浏览(98)

我正在用ReactNative制作一个安卓应用程序。当点击一个按钮时，会显示一个带有结果的提醒（我的代码是***Alert.alert（'' Results：“，returnResults（a，b，c））***。有没有一种方法可以使用Modal和函数***returnResults（a，b，c）***来以更定制的方式显示消息？
问题是，当我使用正常的警报，文本是不同的每个设备上，我想防止这种情况。（我想指定字体，其大小等）

react-native

来源：https://stackoverflow.com/questions/75478092/use-modal-in-reactnative

2条答案

按热度按时间

enxuqcxy1#

const Modal = () => {
  const [modal, setModal] = useState(false);
  return (
    <View>
      <Button title="Open Modal" onPress={() => setModal(true)} />
      <Modal
        animationType="slide"
        transparent={false}
        visible={modal}
        onRequestClose={() => setModal(false)}
      >
        <View style={{ marginTop: 22 }}>
          <View>
            <Text>This is the modal content</Text>
            <Button title="Close" onPress={() => setModal(false)} />
          </View>
        </View>
      </Modal>
    </View>
  );
};

赞(0）回复(0）举报 2023-02-19

5q4ezhmt2#

我实际上找到了我一直在寻找的东西。我只需要写下面的代码：
{返回搜索结果（a，B，c）}

赞(0）回复(0）举报 2023-02-19