我需要在当前代码中添加必要的功能和确切的代码,以便用户在登录之前必须验证电子邮件。
\n现在,用户注册并自动访问应用程序及其用户面板的所有功能。我想添加必要的功能,以便当用户注册时,显示一条消息,告诉他:您必须验证您的电子邮件,这样我们可以确保它是有效的电子邮件,并避免 SPA 用户注册。
\n我需要用户验证她的电子邮件才能登录,在她验证之前,她可以像以前一样继续使用该应用程序,而无需登录。
\n您可以看到我做了几次测试,其他用户试图帮助我,但我们还没有实现必要的目标,因为我需要将功能添加到我现在拥有的代码中,因为这是我知道的唯一方法继续构建我的应用程序。
\n该应用程序已Firebase通过电子邮件和密码注册,我正在使用它Formik来控制表单的状态并 Yup进行验证。
我已阅读有关“向用户发送验证消息”的 Firebase 文档,
\n这是 Firebase 函数:
\n```\nconst auth = getAuth();\nsendEmailVerification(auth.currentUser)\n .then(() => {\n // Email verification sent!\n // ...\n })\n```\nRun Code Online (Sandbox Code Playgroud)\n我现在使用的注册系统是邮件和密码。用户输入电子邮件、密码、验证密码并自动在应用程序中注册。
\n我做了几次测试,试图将 sendEmailVerification 添加到我的注册系统中,目前我所实现的是确认电子邮件到达用户(SPA 文件夹),但确认电子邮件在用户已经注册并使用该应用程序后到达。
\n用户必须在收到并确认“确认电子邮件”后才能注册
\n我需要一个适合我当前应用程序的代码示例,我不具备更改所有代码的知识,这是我的应用程序的基础。
\n我必须做什么才能正常工作并在用户注册之前收到验证电子邮件?\n我的代码中做错了什么?
\n我在 GitHub 上展示了该应用程序,以便他们可以看到所有文件
\n您可以测试该项目,因为它是使用以下命令构建的Expo:
exp://exp.host/@miguelitolaparra/restaurantes-5-estrellas?release-channel=default
\n\n这是我用来注册用户的方法:
\nconst formik = useFormik({\n initialValues: initialValues(),\n validationSchema: validationSchema(), // validate …Run Code Online (Sandbox Code Playgroud) 我创建了一个应用程序来进行 React Native 研究。\n完成后,我添加了一些演示屏幕并添加了 \',react-native-onboarding-swiper\'这对我来说似乎是我发现的最简单的方法。\n我还添加了\'@react-native-async-storage/async-storage\',在添加启动屏幕之前,该应用程序可以正常工作没有AsyncStorage
这个想法是,当我们安装它并第一次打开它时,该应用程序会显示演示屏幕,然后,它会在我显示的菜单屏幕中打开。
\n再次编辑:
\n我需要纠正这种情况,以便启动画面仅在应用程序第一次启动时显示,然后它应该启动到主屏幕。\n2 - 主屏幕是我在屏幕截图中显示的屏幕,它向我显示了按钮到"Go Back"。我需要这个消失
我无法使用 headerShown: false,因为在应用程序具有的其他屏幕中,如果我必须有该"Go Back"按钮\n如何以最简单的方式纠正这些问题?
该应用程序与我在下面显示的 App.js 中的代码完美配合,但每当打开应用程序时它都会显示演示屏幕。我创建了一个条件来纠正此问题,因为我需要在第一次打开应用程序时增加显示的演示屏幕。这是添加之前 App.js 的样子else if:
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) 我已将 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) 编辑以添加详细信息
应用程序必须从一个带有表单的页面开始,输入电子邮件和密码,当登录将我们带到菜单屏幕时,我在屏幕截图中显示。但是,当我输入电子邮件和密码时,应用程序不会移动。日志有效,因为 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
javascript ×4
react-native ×3
reactjs ×3
firebase ×2
ios ×1
react-router ×1
use-effect ×1
xcode ×1