问题标签 [react-native-modal]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
227 浏览

react-native - 在 react-native 的应用程序中处于睡眠模式或不活动状态后,模态不会打开

我正在使用 Modal 在我的应用程序中打开条款。在这里,我可以毫无问题地打开和关闭模式。

但是,如果我打开模式一次,然后在应用程序内不做任何事情,它就会进入睡眠模式。然后在手机上,它会显示应用程序,我无法看到模态窗口,如果我再次尝试打开模态窗口它没有响应?

任何解决方法?

0 投票
1 回答
644 浏览

react-native - 在 react-native-modal 中打开键盘时第一次无法单击保存按钮

在我的 react-native 应用程序中.. 它有一个从react-native-modal导入的 Modal 。在 Modal 内部有一个 TextInput 字段。当我关注 textInput 时,默认情况下会打开键盘,但是当我尝试单击保存按钮时在 TextInput 中输入文本后,无法单击保存按钮。首先它关闭键盘,然后可以点击保存按钮。请问有人可以帮忙解决这个问题吗?在此处输入图像描述

0 投票
1 回答
2727 浏览

react-native - 显示 React Native 模式时保持键盘

我想在用户点击按钮时显示模式,而不关闭键盘。不幸的是,模式一出现,键盘就会消失。

最小复制案例:

仅供参考,我正在使用博览会。

如何强制键盘持续存在?

0 投票
3 回答
14436 浏览

react-native - 如何在本机反应中打开半模态?

我正在创建一个 react native 应用程序,我使用 react-native modal 组件打开一个模态,我可以使用以下代码打开一个完整的模态。我在下面提到了我的代码示例。现在我想打开一个半模态。

这是我尝试过的。

使用上面的代码,我可以打开一个完整的模式。如何使用某些样式或其他方式打开半模态?

0 投票
1 回答
473 浏览

react-native - React Native:模态屏幕的暗背景

如何使模态框的背景变暗?为了清楚起见,我正在使用带有模式模式的堆栈导航器。我设法让背景透明,但不知道如何使背景屏幕变暗。这是我的堆栈导航器代码:

提前致谢!

0 投票
1 回答
151 浏览

javascript - 改变全模态的颜色

我正在使用反应原生模式。我正在尝试使用 backgroundColor 来填充整个模态。但是,颜色仅应用于顶部。为什么会这样?

如何解决此问题并将颜色应用于整个模态视图?

在此处输入图像描述

0 投票
1 回答
1271 浏览

reactjs - React Native Modal 可见 prop 什么都不做

您好,我正在尝试在我的 react native 应用程序中放置一个简单的 react native 模态(在 expo 上运行它),但它始终可见。当我将 visible 道具设置为 false 时,它​​仍然显示。相关代码如下:

主要部件

包.json

基本上,模式总是显示,即使可见设置为 false。我在这里错过了什么吗?

0 投票
1 回答
101 浏览

javascript - 没有 onPress 调用的图像显示

  1. 我已经能够创建一个画廊,尽管我遵循了一个教程来实现它,并且我更改了一些参数以适应我想要的。照片库在按下按钮时显示,但我不希望照片在按钮按下时显示,我想实现包含画廊的模式,以便在页面打开后显示。我需要帮助来实现它....谢谢

  2. 选择照片后,我希望所选照片使用共享按钮占据整个屏幕......我也一直在尝试实现这一点,但一直遇到错误。谢谢!

0 投票
2 回答
602 浏览

javascript - 反应原生:模态总是可见的

我知道关于这个主题有一个问题,但这并没有解决我的问题。我希望在按下“开始”按钮时呈现模式,但模式始终显示为这个红色框,而不是弹出我的显示器。有人可以帮我制作它,以便模态仅在按下“开始”时呈现,并且模态

在此处输入图像描述

我的模态在 signUpModal.js 中定义为:

我的模态是从 HomePage.js 调用的。相关代码如下:

0 投票
1 回答
266 浏览

react-native - 按下 textinput 隐藏模式 react-native-modal

我正在渲染 Flatlist,它呈现每个项目的项目列表,当按下按钮时,模态框将打开,每个模态框内部都有一些文本输入,因此层次结构如下:

屏幕

-平面列表

- 物品

- -按钮

---模态

----文本输入

当我打开按下第一个项目的按钮时,模态打开并且一切正常,但是当我在 Flatlist 中向下滚动并按下最后一个项目并打开模态时,我尝试在模态的文本输入上书写,模态消失了。

我确定模态存在,但我看不到它,有什么帮助吗?

GIF 解释我的意思