小编Mig*_*eso的帖子

如何在 Firebase 中验证电子邮件的真实性?

我需要在当前代码中添加必要的功能和确切的代码,以便用户在登录之前必须验证电子邮件。

\n

现在,用户注册并自动访问应用程序及其用户面板的所有功能。我想添加必要的功能,以便当用户注册时,显示一条消息,告诉他:您必须验证您的电子邮件,这样我们可以确保它是有效的电子邮件,并避免 SPA 用户注册。

\n

我需要用户验证她的电子邮件才能登录,在她验证之前,她可以像以前一样继续使用该应用程序,而无需登录。

\n

您可以看到我做了几次测试,其他用户试图帮助我,但我们还没有实现必要的目标,因为我需要将功能添加到我现在拥有的代码中,因为这是我知道的唯一方法继续构建我的应用程序。

\n

该应用程序已Firebase通过电子邮件和密码注册,我正在使用它Formik来控制表单的状态并 Yup进行验证。

\n

我已阅读有关“向用户发送验证消息”的 Firebase 文档,

\n

这是 Firebase 函数:

\n
```\nconst auth = getAuth();\nsendEmailVerification(auth.currentUser)\n  .then(() => {\n    // Email verification sent!\n    // ...\n  })\n```\n
Run Code Online (Sandbox Code Playgroud)\n

我现在使用的注册系统是邮件和密码。用户输入电子邮件、密码、验证密码并自动在应用程序中注册。

\n

我做了几次测试,试图将 sendEmailVerification 添加到我的注册系统中,目前我所实现的是确认电子邮件到达用户(SPA 文件夹),但确认电子邮件在用户已经注册并使用该应用程序后到达。

\n

用户必须在收到并确认“确认电子邮件”后才能注册

\n

我需要一个适合我当前应用程序的代码示例,我不具备更改所有代码的知识,这是我的应用程序的基础。

\n

我必须做什么才能正常工作并在用户注册之前收到验证电子邮件?\n我的代码中做错了什么?

\n

我在 GitHub 上展示了该应用程序,以便他们可以看到所有文件

\n

您可以测试该项目,因为它是使用以下命令构建的Expo

\n

exp://exp.host/@miguelitolaparra/restaurantes-5-estrellas?release-channel=default

\n

在此输入图像描述

\n

这是我用来注册用户的方法:

\n
const formik = useFormik({\n    initialValues: initialValues(),\n    validationSchema: validationSchema(), // validate …
Run Code Online (Sandbox Code Playgroud)

javascript firebase react-native firebase-authentication

12
推荐指数
1
解决办法
2240
查看次数

为什么 React-native-onboarding-swiper 无法在我的启动屏幕上运行?

我创建了一个应用程序来进行 React Native 研究。\n完成后,我添加了一些演示屏幕并添加了 \',react-native-onboarding-swiper\'这对我来说似乎是我发现的最简单的方法。\n我还添加了\'@react-native-async-storage/async-storage\',在添加启动屏幕之前,该应用程序可以正常工作没有AsyncStorage

\n

这个想法是,当我们安装它并第一次打开它时,该应用程序会显示演示屏幕,然后,它会在我显示的菜单屏幕中打开。

\n

再次编辑:

\n

我需要纠正这种情况,以便启动画面仅在应用程序第一次启动时显示,然后它应该启动到主屏幕。\n2 - 主屏幕是我在屏幕截图中显示的屏幕,它向我显示了按钮到"Go Back"。我需要这个消失

\n

我无法使用 headerShown: false,因为在应用程序具有的其他屏幕中,如果我必须有该"Go Back"按钮\n如何以最简单的方式纠正这些问题?

\n

图片\n在此输入图像描述

\n

该应用程序与我在下面显示的 App.js 中的代码完美配合,但每当打开应用程序时它都会显示演示屏幕。我创建了一个条件来纠正此问题,因为我需要在第一次打开应用程序时增加显示的演示屏幕。这是添加之前 App.js 的样子else if

\n
import "react-native-gesture-handler";\nimport React, { useEffect } from "react";\n\nimport { NavigationContainer } from "@react-navigation/native";\nimport { createStackNavigator } from "@react-navigation/stack";\nimport AsyncStorage from "@react-native-async-storage/async-storage";\nimport SplashScreen from "react-native-splash-screen";\n\nimport NuevaOrden from "./views/NuevaOrden";\nimport OnboardingScreen from "./views/OnboardingScreen";\n\nconst Stack = createStackNavigator();\n\nconst App = () => {\n\n//Hide Splash screen …
Run Code Online (Sandbox Code Playgroud)

javascript splash-screen reactjs react-native use-effect

8
推荐指数
1
解决办法
1326
查看次数

错误:无法加载文件列表的内容:'/目标支持文件。npx 反应本机运行 ios

我已将 Mac 升级到 macOS Ventura V13

XCode 版本 14.0.1

直到今天,我的 Mac 上的 React Native 一切都运行得很好,距离我开始新的东西已经好几天了

今天我想开始一个新项目,但遇到了一些错误。

我已经花了几天时间寻找这个问题的解决方案,当然我不会放弃,但我认为随机尝试只会让我的配置更加混乱

你能帮我吗?

删除我所有的 React Native 开发设置和环境并重新开始是否明智?

我是这样开始的:

npx react-native init MyProject
Run Code Online (Sandbox Code Playgroud)

我在更改后编辑问题

我已经按照用户 @Janaka-Steph 的步骤更新了我的 ruby​​ 版本,并且该项目构建完美,但是当我使用 nxp react-native run-ios 在终端中运行该应用程序时,它无法编译,并且我不断收到以下错误:

warn Multiple Podfiles were found: ios/Podfile,vendor/bundle/ruby/2.7.0/gems/cocoapods-core-1.11.3/lib/cocoapods-core/Podfile. Choosing ios/Podfile automatically. If you would like to select a different one, you can configure it via "project.ios.sourceDir". You can learn more about it here: https://github.com/react-native-community/cli/blob/master/docs/configuration.md
info Found Xcode workspace "myProject.xcworkspace"
info Building (using "xcodebuild -workspace myProject.xcworkspace …
Run Code Online (Sandbox Code Playgroud)

javascript xcode ios reactjs react-native

7
推荐指数
1
解决办法
4234
查看次数

如何在我的 React 应用程序中强制使用 Firebase 身份验证进行注册?

编辑以添加详细信息

应用程序必须从一个带有表单的页面开始,输入电子邮件和密码,当登录将我们带到菜单屏幕时,我在屏幕截图中显示。但是,当我输入电子邮件和密码时,应用程序不会移动。日志有效,因为 aconsolelog()向我展示了它

这是第二张截图

我不明白我有什么问题。现在我显示修改后的 App.js 文件来显示表单,但是当我注册时,应用程序并没有到达 Menu,页面<Sidebar />

归档 App.js 修改

import React, { useState, useEffect } from 'react'
import { Routes, Route } from 'react-router'

import firebase, { FirebaseContext } from './firebase'
//import { auth } from 'firebase' 
import firebaseObj from './firebase'
import Ordenes from './components/paginas/Ordenes'
import Menu from './components/paginas/Menu'
import NuevoPlato from './components/paginas/NuevoPlato'
import Sidebar from './components/ui/Sidebar'
import Signin from './components/Signin'

const auth = firebaseObj.auth

function App() {

  const [user, setUser] = useState(null)
  useEffect(() …
Run Code Online (Sandbox Code Playgroud)

javascript firebase reactjs react-router firebase-authentication

6
推荐指数
0
解决办法
59
查看次数