使用react native创建页面生成器
React Native是一种基于React的开源框架，用于开发跨平台移动应用程序。它允许开发人员使用JavaScript和React的语法来构建原生移动应用，同时在iOS和Android平台上运行。
页面生成器是一种工具或软件，用于简化和加速页面开发过程。它提供了可视化界面和预定义的组件，使开发人员能够快速创建和定制页面，而无需手动编写大量的代码。
React Native的页面生成器可以帮助开发人员快速创建移动应用的页面。它通常提供以下功能和优势：
- 可视化界面：页面生成器通常提供可视化界面，允许开发人员通过拖放组件、设置属性和样式等方式来创建页面，无需手动编写代码。
- 预定义组件：页面生成器通常提供一系列预定义的组件，如按钮、文本框、图像等，开发人员可以直接使用这些组件来构建页面，无需从头开始编写。
- 快速开发：使用页面生成器可以大大加快页面开发的速度，开发人员可以快速创建和定制页面，减少重复劳动和编码时间。
- 可定制性：页面生成器通常允许开发人员根据自己的需求进行定制，可以添加自定义组件、修改样式和布局等。
- 跨平台支持：由于React Native本身就是跨平台的，所以使用React Native的页面生成器可以在iOS和Android平台上运行。
在腾讯云中，可以使用腾讯云开发者工具套件（Tencent Cloud Developer Tools）来创建React Native应用程序。该工具套件提供了一系列工具和服务，包括云开发、云函数、云数据库等，可以帮助开发人员快速搭建和部署React Native应用程序。
腾讯云开发者工具套件的相关产品和服务链接如下：
- 腾讯云开发者工具套件：https://cloud.tencent.com/product/tcb
- 云开发：https://cloud.tencent.com/product/tcb
- 云函数：https://cloud.tencent.com/product/scf
- 云数据库：https://cloud.tencent.com/product/tcb-database
使用腾讯云开发者工具套件，开发人员可以轻松创建React Native应用程序，并将其部署到腾讯云上，实现高可用性和可扩展性。
相关·内容
我按照指南进行操作，在最初运行expo时遇到错误
$ yarn global add expo-cli
$ expo init my-app
# When asked, choose to use the blank template
$ cd my-app
$ yarn add redux react-redux redux-thunk redux-form react-native-elements react-native-router-flux react-native-vector-icons prop-types whatwg-url buffer react-native-ev
浏览 0提问于2019-10-03得票数 0
我试图包装我的基于RNN的v2应用程序与反应-本机元素ThemeProvider。如果包装在单个组件上，ThemeProvider可以很好地处理相同的主题，但如果在导航中注册，我做错了什么？
const theme = {
colors: {
primary: 'pink'
}
};
// Register screens
Screens.forEach((ScreenComponent, key) =>
// Navigation.registerComponent(key, () => ScreenComponent, Provide
浏览 0提问于2019-02-19得票数 2
回答已采纳
1回答
我刚接触react native，我想知道如何编写/构建一个应用程序的起始页面，以便在应用程序每次启动时显示不同的图像(对于同一用户)？
我有一组图像可用，我希望起始页显示一个不同的，随机的，背景图像每次用户启动的应用程序。
浏览 0提问于2018-09-04得票数 2
我在linux (ubuntu)上，在用npx react-native init project-name创建项目后，我运行了npx react-native start和npx react-native run-android，我正在用我的手机运行这个应用程序，但当我打开它时，我得到了这个页面的，然后是一个白色页面，我怎么让它工作呢？
浏览 0提问于2020-07-07得票数 0
2回答
在我的反应本机项目中，我想从给定的值生成条形码。我找到了react本地条形码生成器，但我不知道如何在android中正确使用这个库。我已经通过npm install --save react-native-barcode-builder安装了，但是当我想在项目中导入库时，我有以下错误：
未定义不是对象(计算'undefined.hex')
我想我应该通过react-native link链接这个库，但是它不会改变任何事情。每个示例都是用于Xcode的，但我是在WebStorm的Windows上开发的。有人能告诉我如何正确使用这个图书馆吗？
这是我的密码：
import
浏览 0提问于2018-02-14得票数 0
回答已采纳
我是按照React导航来创建页面的，然而，当我构建应用程序时，我只能得到空白页面。
React导航版本
"@react-navigation/native": "^6.0.6",
"@react-navigation/native-stack": "^6.2.5",
"@react-navigation/stack": "^6.0.11",
这是我在App.js上的完整代码在这个页面上，我创建了3个函数：HomeSc，HomeScCheck，DetailSc。屏幕上只能显示HomeScCheck。
浏览 1提问于2021-10-20得票数 0
1回答
我使用create-react-app创建了一个项目，但是当我用关键字yield编写一些代码时，页面显示了在yield上声称“意外令牌”的构建错误。
是否有一种在yield项目中启用create-react-app的方法？
浏览 1提问于2017-01-25得票数 1
回答已采纳
我正在尝试在react-native版本0.59.9中的视图周围创建一个框阴影
我已经尝试了'shadowOffSet‘和所有的阴影属性，但是没有用处
import React, { Component } from 'react';
import { Text, View, StyleSheet, PixelRatio } from 'react-native';
const styles = {
container: {
flex: 1,
alignItems: 'center',
浏览 0提问于2019-07-08得票数 2
为了识别每个用户，我尝试在react native.How中注册时生成唯一的id，这是可能的吗？提前感谢
浏览 37提问于2017-07-11得票数 1
我想在Okta中创建一个自定义登录页面。我正在使用Expo、React Native和@okta/okta-react-native npm模块。我不确定是否有可能创建自定义web组件，以取代现有的默认Okta登录页面。所有Okta自定义登录文档都是为web技术设计的，但不是为React Native设计的。
我试着用@okta/okta-signin-widget对其进行自定义，但似乎只适用于React.js。
这是我的Okta clinet：
export const tokenClient = new TokenClient({
issuer: 'https://dev-xx
浏览 0提问于2019-06-01得票数 0
我正在创建一个应用程序，在运行默认的模板应用程序时，它会显示这个错误。我跟踪了react本机-tvOs GitHub页面中的所有脚本，但是当我尝试在Xcode Apple模拟器上运行它时，它总是会抛出这个错误。
我正在运行的脚本来自GitHub 页面：-
npm install -g @react-native-community/cli
react-native init FinalPOC --template=react-native-tvos@latest
cd FinalPOC && react-native run-ios --simulator "Appl
浏览 8提问于2021-11-01得票数 0
3回答
我不知道具体发生了什么，当我使用纳米包在反应本机，它显示了某种以下错误。我不太确定。
我希望这个社区有人能帮上忙。
提前谢谢。
场景:我只是导入到纳米包。
import { nanoid } from 'nanoid';
Error: React Native does not have a built-in secure random generator. If you don’t need unpredictable IDs use `nanoid/non-secure`. For secure IDs, import `react-native-get-random-va
浏览 2提问于2021-03-29得票数 5
回答已采纳
我想在react原生应用中运行一个新项目。我没有得到任何错误，但是我的模拟器中的应用程序只显示空白页面。 首先，我编写了用于创建新项目的react-native init AwesomeProject。 然后我尝试实现我的react导航，如下所示： import { createAppContainer, createSwitchNavigator, createStackNavigator } from 'react-navigation';
import Home from './MainTabNavigator';
import SignInScree
浏览 42提问于2019-03-23得票数 3
回答已采纳
react-native-bcrypt ()抛出以下警告。
Using Math.random is not cryptographically secure! Use bcrypt.setRandomFallback to set a PRNG.
使用react-native-crypto ()是一个潜在的解决方案，但感觉过于复杂，因为必须对项目进行nodify。有没有更简单的PRNG可以在bcrypt上设置？
浏览 2提问于2017-06-23得票数 4
2回答
我正在使用@react-native-community/geolocation在我的React中实现监视地理定位功能，我创建了一个初始化saga函数，它负责启动geolocation.watchPosition.我想传递一个redux回调函数，它将更新我的redux状态，但它不会触发回调onGeolocationGet函数：
function* initialize(): SagaReturnType<any> {
try {
yield effects.call(geolocation.watchPosition, function* onGeolocationGe
浏览 18提问于2021-12-11得票数 0
我遇到了一个奇怪的问题，当我在使用react-native init创建的模板项目上使用react-native run-android命令时，我在设备上得到了以下红色错误页面：
浏览 2提问于2018-08-28得票数 0
我正在尝试在react-native中的webView和使用React-360创建的web应用(当然还有React)之间创建一种通信。我正在使用react-native-webview，并在此链接中遵循以下指南来创建通信：https://github.com/react-native-community/react-native-webview/blob/master/docs/Guide.md使用页面中的示例，使用一个简单的html页面(类似于链接中的示例)，在脚本部分使用函数window.ReactNativeWebView.postMessage(data)它工作得很好： <W
浏览 46提问于2020-06-18得票数 3
1回答
我想学习Reactive原住民，所以我试着遵循Reactinative的文档页面
我想用本机代码创建一个应用程序，所以我遵循了指令。当我运行这个应用程序时，我发现了以下错误：
看到构建成功，我很高兴，但当我检查我的android仿真器时，它显示出意外的错误。
我在android日志中添加了错误的屏幕截图。
我试图重置缓存，但失败了。
我对此完全陌生，所以我不明白为什么我会犯这个错误。我自己搜索，有另一种方法来创建一个新的应用程序使用博览会。使用世博创建一个应用程序，然后弹出将使应用程序使用本机代码，但在世博中创建之后，它的工作非常好，但在弹出之后就不起作用了
浏览 0提问于2018-07-03得票数 0
回答已采纳
设置：
·窗口；
·Android工作室；
·VSCode；
Bash (终点站)；
问题：
无法启动项目关闭后，使用命令‘react本机启动’；
详细信息：
我使用以下命令创建并启动了一个项目：
$ react-native init ProjectName
$ react-native run-android
(init后)，我让android使用RN项目(通过打开‘./ project / Android’文件夹)和Android正常工作，并显示实际项目‘欢迎页面’。
到现在为止，(重新打开项目)，我正在尝试从它停止的地方‘启动’项目，但是我遇到了一个命令行问题：
$ react-nat
浏览 7提问于2021-01-28得票数 0
我需要克隆一个网站，即builderx.io，这类有一个图形/草图一样的工作结构，有功能的工具栏，如样式，边界，效果，布局。它还具有预定义的组件集合可供选择，如按钮、网格、图标等。有一个画板，我们可以在其中拖放和调整/调整大小/移动/复制任何我们选择的元素、样式和组件。与设计功能并行，它还具有代码功能，画板中的任何更改都会生成表示画板的react/react-native中的代码。我需要克隆整个应用程序并在flutter中生成代码，就像在react/react-native中所做的那样。技术堆栈将是角度/节点。但我并没有一个起点，在考虑到应用的确切结构和功能的情况下，这样的web应用需要什么样
浏览 1提问于2021-02-25得票数 0
各位，我在世博会上使用react-native创建了一个订餐应用程序。我有一个标签系统，其中我的主页标签显示菜单项。每当用户点击主页选项卡中某一项目的“添加到卡片按钮”时，项目数据就会存储在redux中。然后，当用户转到购物车选项卡时，购物车页面加载redux中放置的项目。现在，当我使用Expo客户端应用程序测试此应用程序时。它在android设备上运行良好。我看到主页选项卡，如果我单击要放到购物车上的任何项目，我可以看到购物车项目的变化。但是，当我在iOs设备上运行相同的应用程序时，它不会在购物车项目页面上显示任何更改。它始终为空。
以下是我的节点模块的版本
"dependencie
浏览 0提问于2020-04-09得票数 0
我想显示两个可点击的图像与可用的应用商店和可在谷歌播放在我的登陆页面，这也是我与react-native-web。
我能够创建一个<ExternalLink />组件，但它看起来并不像普通的<a> (目前=>还没有悬停或效果)。
import React from 'react';
import { Text } from 'react-native';
const ExternalLink = (props) => (
<Text
{...props}
accessibilityRole=&#
浏览 4提问于2019-12-27得票数 0
回答已采纳
当我在devtools的页面选项卡上调试React-Native源文件时，在Windows10上从来没有按文件夹对文件进行分组，它显示了所有js文件的列表(包括node_modules中的所有文件)。
我创建了一个基本的测试应用程序，使用：
"dependencies": {
"react": "17.0.2",
"react-native": "0.65.1",
"prop-types": "^15.6.0"
},
Ran：react-native run-
浏览 3提问于2021-09-03得票数 4
我一直在学习react-native教程并运行
react-本地初始化AwesomeApp，详见FB页面。
在多次尝试和错误设置正确的权限和路径后，我能够让应用程序在IOS上运行。
很棒的应用程序在项目目录中
现在我想在相同的项目文件夹中创建我自己的应用程序
我得到的react-native初始化newApp
Looks like React Native project already exists in the current
folder. Run this command from a different folder or remove node_modules
浏览 2提问于2016-12-04得票数 3
2回答
我用创建了一个简单的项目。一切都很好。
我刚刚为home.js创建了新的路由、新的页面和新的组件，并更改了hello-world.js (页面和组件)。
现在，当运行npm start或react-server start时，服务器在没有返回任何特定错误的情况下关闭，但返回以下日志(注意，它在以前工作时已经记录了相同的消息)。
2016-10-21T15:44:01.071Z - warning: [react-server-cli.src.logProductionWarnings] PRODUCTION WARNING: the following current settings are
浏览 4提问于2016-10-21得票数 0
回答已采纳
我有一个带有React前端的Rails应用程序。我想使用Jest进行功能测试，因为在这个项目中工作的其他人专门从事React。前后通过API相互联系。
我们有一个页面，其中列出了许多电话代码。这些代码存在于数据库中。我想测试它，如果索引页面实际上是渲染电话代码。
如果我使用的是RSpec + Capybara，我会这样写一个特性测试：
before do
phone_code = PhoneCode.create(prefix: 495, description: 'Moscow')
another_code = PhoneCode.create(prefix: 869
浏览 0提问于2019-11-28得票数 1
3回答
启动新的本机项目时出错
、、、
我正在遵循我的M1 Macbook Pro上the本地M1页面的设置说明。我以前做过React项目，能够在同一台机器上创建和运行“本地世博会”项目。
我遵循了指令，但是当我到达“”部分时，使用npx react-native init AwesomeProject命令，新的项目创建失败了。
npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR!
npm ERR! While resolving: undefined@undefined
npm ERR! Found: react-native@0.66.4
npm
浏览 13提问于2022-07-20得票数 2
回答已采纳
我正在为Crashalytics和Analytics实现微软的AppCenter。在Native开发中，我可以添加两行代码，它会向应用程序中的每个页面添加页面视图分析(跟踪每个页面被查看的时间)。我很好奇是否有一种简单的方法可以在React Native应用中做到这一点。这是它在本机上的样子： 在原生iOS中，我只创建一个BaseViewController，并确保每个ViewController都继承该类。然后在BaseViewController的ViewDidLoad中，我添加了类似下面这行的内容。 在原生Android中，我只需创建一个BaseFragment，并确保每个片段都继承自
浏览 51提问于2021-08-19得票数 -1
回答已采纳
我最近安装了AS with react Native和Node。当我启动Emulator时，它会构建页面。但在Emulator本身中，它只显示了一个空白的React Page。中心是正方形的，但正方形也是空白的。我是不是忘了安装什么东西？ 另一个简短的问题:当我想用React Native创建应用程序时，我需要得到Intellij的终极版吗？所有创建的.js页面都是红色的，并显示.js只能与旗舰版一起使用的消息。 import React from 'react';
import { Platform, StyleSheet, Text, View } from 'r
浏览 23提问于2019-08-31得票数 0
回答已采纳
我正在使用最新的React Native (0.61.5)，我刚刚添加了我自己的启动屏幕。它可以工作，但就在启动屏幕启动之前，我通过React Native screen获得了ProjectName Powerd。
如何在启动屏幕之前通过React Native删除Powerd？
浏览 2提问于2020-02-14得票数 1
我的React项目--我正在考虑一个按钮--将用户带到另一个页面。
但是如果我记得正确的话，React最好用于单页应用程序。因此，创建其他不与主呈现文件交互的独立组件是明智的吗？例如，index.html < index.js <App.js(呈现到index.js & AddTodo.html < AddTodo.js <App.js(呈现到另一个页面而不与index.js交互)？
浏览 2提问于2020-05-05得票数 0
回答已采纳
我们正计划开发一个自定义的反应原生移动应用程序，我们需要通过lightningout.js在移动webview中显示闪电应用程序页面。 我们使用forcereact (Salesforce mobile sdk)创建了一个react原生应用程序，我们可以成功登录并获得OAuth令牌。我们的需求是通过lightning out在react-native webview中显示lightning组件页面。要做到这一点，我们应该安全地将oAuth令牌传递给webview。有没有办法将令牌传递给react-native webview？
浏览 24提问于2019-05-23得票数 1
我使用react-native-elements库来设计我的应用程序，我想创建我的产品详细信息页面，我传递的所有数据都实现了，但是当我想设置图像URI时，图像组件什么也不显示，但当我手动将URL作为字符串输入时，它会显示图像 图片地址：https://boho-box.com/storage/upload/product/IMG_1696_1609848185.jpg Item.js文件： import * as React from 'react';
import { View, Text, StyleSheet, ActivityIndicator } from '
浏览 29提问于2021-04-25得票数 1
回答已采纳
我是新的反应本土化，我一直在创建一个应用程序与Firebase为后端。我了解到，如果我只是在一个名为firebaseConfig.js的文件中复制并粘贴控制台页面中的firebase配置，那就太危险了。
我创建了一个.env文件并编写了一些局部变量(如果我认为它们是正确的)，用变量替换firebase配置信息(如apiKey )。
我不知道哪里出了问题。
// Import the functions you need from the SDKs you need
import { initializeApp } from "firebase/app";
import { ge
浏览 2提问于2022-11-16得票数 0
2回答
我正在尝试创建一个文本输入元素，但是即使我从入门页面复制了代码，它仍然会抛出错误，说“无法找到变量: TextInput”。
代码：
/**
* Sample React Native App
* https://github.com/facebook/react-native
*/
'use strict';
var React = require('react-native');
var {
AppRegistry,
StyleSheet,
Text,
View,
} = React;
var AwesomeProject = Re
浏览 3提问于2015-07-02得票数 8
回答已采纳
1回答
我尝试使用生成器函数，并希望检查一个令牌。如果标记存在，那么我希望它与console.log一起显示。但是什么都没发生为什么？我也没有得到任何错误。
getToken.js
import * as SecureStore from 'expo-secure-store';
const getSecureStore = async () => {
// Check if key already exists
const keyExists = await SecureStore.getItemAsync('uuid');
return ke
浏览 0提问于2021-04-30得票数 0
假设我有一个50个用户的集合，如何在realm react native中随机选择10个用户。
浏览 28提问于2017-03-04得票数 0
回答已采纳
我对react-native非常陌生。我只是尝试创建一个从/src/pages/login.js创建的示例登录页面。而且我也没有使用app.js。 但不知何故，我的页面无法加载显示空白屏幕有时错误，如脚本加载不正确或，应用程序加载 我的Login.js代码(这只是我正在做的一个示例测试)。 export default class Login extends Component<Props> {
render() {
return (
<View>
<Text> This Is login Page</Te
浏览 14提问于2019-04-05得票数 0
如何在react native中从一个页面移动到另一个页面，请帮助我我是react-native的新手我想通过单击一个按钮从这个页面移动到另一个页面，但我不知道怎么做 这是闪屏JSON文件 import React from 'react';
import { View, Text, Button, Dimensions, StyleSheet, Image, TouchableOpacity} from 'react-native';
//import { LinearGradient } from 'react-native-svg'
浏览 11提问于2020-12-20得票数 0
回答已采纳
1回答
我正在创建一个应用程序来生成一个QR代码，然后在社交媒体上共享它。目前，我设法创建了QR代码，但是，我无法将生成的代码作为图像共享。我在用小吃博览会来构建应用程序。有人能告诉我shareQR函数在哪一部分做错了吗？谢谢你的帮助。
import React, { useState } from 'react';
import {StyleSheet, Text, ScrollView, TextInput, TouchableOpacity, Alert, View, Share} from 'react-native';
import QRCode from &
浏览 2提问于2021-04-14得票数 0
我在用：
"expo": "^33.0.0",
"expo-facebook": "^5.0.1",
"firebase": "^6.3.0",
"react": "16.8.3",
"react-dom": "^16.8.6",
"react-native": "https://github.com/expo/react-native/archive/sdk-33.0.0.tar.gz",
浏览 4提问于2019-07-22得票数 0
我输入命令来创建带有typescript的React Native项目。
npx react-native init MyApp --template react-native-template-typescript
package.json
"react-native": "0.63.2"
我想使用typescript创建0.62.2，所以我尝试使用以下命令：
npx react-native init MyApp --version 0.62.2 --template react-native-template-typescript
package.json
浏览 0提问于2020-07-29得票数 1
我正在使用Create-React-Native-App构建一个应用程序。因此，我的测试和开发在Expo中。我正在寻找一个解决方案来帮助i18n，主要是翻译和实时翻译。我发现ex-react-native-i18n工作得很好，直到我尝试弹出来创建应用程序，因为它需要expo。(我在生产应用程序中不需要或不想要它)
在使用react-native-i18n时，我得到这个错误：react-native-i18n module is not correctly linked
我尝试了react-native link和yarn link，但没有成功。react-native-i18n的ReadMe页
浏览 0提问于2018-05-24得票数 1
我使用create-react-native-app命令创建了一个一个月前创建的React本机项目。
package.json内容如下：
{
"name": "TestApp2",
"version": "0.1.0",
"private": true,
"devDependencies": {
"react-native-scripts": "1.1.0",
"jest-expo": "~19.0.0"
浏览 4提问于2017-09-29得票数 3
回答已采纳
我试图在Settings Page中创建一个类似于React Native的
在react native中使用react native，但我不确定如何传入navigation以链接到另一个view。
例如
当我单击Edit Profile时，这应该会带我到另一个页面。
当我点击Privacy policy时，这应该会打开带有链接的网页。
更新代码
settingsNavigator.js
import React from 'react';
import { createStackNavigator } from "@react-navigat
浏览 1提问于2021-01-09得票数 0
回答已采纳
我正在使用Expo SDK36构建一个react-native应用程序。 这让我可以为iOS和安卓等原生环境创建应用程序，但也可以使用react-native-web来使其在网络上工作。 由于react-navigation不支持浏览器历史(导航时窗口位置改变)的事实，我被推荐只在本地应用中使用官方的expo路由库(react-navigation)，并使用react-router进行web。 因为我的项目中有两个库，所以我可以使用myRouter.web.js和myRouter.js，前者将导出由react-router制作的路由器，后者将导出由react-navigation生成的导航。
浏览 7提问于2020-01-05得票数 3
我使用react-native和它的webview来调用一个网页，在四五个页面的流的末尾，它们使用window.print方法打印页面。但是，当我点击按钮打印页面时，没有任何反应。你知道在这种情况下我该怎么做才能使按钮工作吗？我只在Android中尝试过，我使用了"react-native-webview"："^5.10.0“和"react-native"："^0.59.9”。
浏览 79提问于2020-04-08得票数 2
我是react-native的初学者，正在尝试实现重定向，并在验证登录..etc后路由到另一个页面
我应该选择react-native-router-flux、react-router-native还是react-navigation，或者如何实现路由、重定向等功能。
浏览 2提问于2018-06-28得票数 5
回答已采纳
我刚开始使用命令sudo react android-variant=发布应用程序来响应本地的apk并创建apk，但是当我创建apk并在移动设备上运行时，它会给出错误警告框。
{"line":132,"column":7285,"sourceURL":"index.android.bundle"}
我分享package.json和babel.config.json
{
"name": "ReactNativeApp",
"version": "0.0.1",
&#
浏览 1提问于2020-03-09得票数 0
0回答
我正在尝试为我的React Native应用程序中的不同页面创建路由。因此，我创建了一个包含新路由器的router.js文件：
// @flow
import React, { Component } from 'react';
import View from 'react-native';
import { NativeRouter, Route, Link } from 'react-router-native'
import PropTypes from 'prop-types';
import Splash fr
浏览 7提问于2017-12-04得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
