我需要在当前代码中添加必要的功能和确切的代码,以便用户在登录之前必须验证电子邮件。
\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```\n
Run 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