如何调用函数来主App文件？React Native
在React Native中，可以通过调用函数来主App文件。具体步骤如下：
- 首先，在主App文件中定义一个函数，例如
myFunction。
function myFunction() {
// 执行你想要的操作
}- 然后，在需要调用该函数的地方，使用
import语句引入主App文件。
import { myFunction } from './path/to/mainAppFile';- 现在，你可以直接调用
myFunction函数，并传递任何必要的参数。
myFunction();这样，你就可以通过调用函数来执行主App文件中定义的操作。
对于React Native的开发，腾讯云提供了一系列相关产品和服务，如：
- 云函数（Serverless Cloud Function）：腾讯云云函数是一种无服务器计算服务，可帮助你在云端运行代码，无需搭建和管理服务器。你可以使用云函数来编写和执行你的React Native应用中的后端逻辑。
产品介绍链接：云函数
- 云数据库（TencentDB）：腾讯云云数据库是一种高性能、可扩展的云端数据库服务，支持多种数据库引擎。你可以使用云数据库来存储和管理React Native应用中的数据。
产品介绍链接：云数据库
- 云存储（COS）：腾讯云云存储是一种安全、稳定、低成本的云端存储服务，可用于存储React Native应用中的各种文件和媒体资源。
产品介绍链接：云存储
请注意，以上仅是腾讯云提供的一些相关产品和服务，你可以根据具体需求选择适合的产品。
相关·内容
我刚刚开始学习React Native。我正在尝试在我的第一个应用程序中插入底部菜单标签。 我在Tabs.js上使用了这段代码(这只是导出部分)： export default function Tabs() {
return (
<NavigationContainer>
<MyTabs />
</NavigationContainer>
);
} 不幸的是，我不知道如何在我的主App文件中调用它(这只是我的一次尝试)： import * as React from 'react';
import {
浏览 14提问于2021-03-29得票数 0
我正在尝试导出一个快速模块，但是当我试图在javascript文件中调用这个函数时，会遇到以下错误。我相信这个问题与在我的快速代码中调用async方法有关。因此，我不知道如何导出和调用一个async方法从我的快速文件时，创建一个本机模块的反应-本机。
下面是包含我要导出的AppleMusicAuth.swift方法的async文件
//
// AppleMusicAuth.swift
//
//
//
import Foundation
import MusicKit
@available(iOS 15.0, *)
@objc(AppleMusicAuth)
class App
浏览 4提问于2022-05-19得票数 5
我正在使用react native开发一个应用程序，并查看了一些在该应用程序中创建“共享扩展”的教程。我在npm react-native-share-extension上看到了如何使用xcode在项目中创建扩展，以及如何使用第二个AppRegistry创建一个新组件(见npm示例)。
//index.ios.js
import React from 'react'
import { AppRegistry } from 'react-native'
import App from './app.ios'
import Share from
浏览 3提问于2017-11-04得票数 3
我已经尽了最大努力遵循和的指示。Android (react-native run-android)按预期运行在Android模拟器和我的设备上，即在每次新安装或更新后重新加载JS文件。但是，当我安装functionality (react-native run-android --variant=release)时，它会显示应用程序的第一个屏幕，而应用程序的任何功能都不起作用。我还没有尝试在iOS上安装。它似乎没有从codepush加载JS文件。当我检查日志文件(在模拟器上安装版本构建时)，它挂在下面一行：
[CodePush] Loading JS bundle from "ass
浏览 6提问于2017-09-04得票数 1
当我最近决定从Cordova切换到React Native时，我一直在尝试让我的头脑转到React Native。
我一直在尝试理解如何在src中正确构造容器和组件文件，以便正确构建。
为此，我一直试图从一个新文件"app.js“中运行初始主代码，该文件是我在名为js的文件夹中创建的，该文件夹位于原始的/src/ index.android.js文件夹中。
这是索引文件代码
/*Both index files index.ios.js and index.android.js MUST be indentical*/
var React= require('react-nat
浏览 18提问于2017-08-25得票数 0
回答已采纳
1回答
我使用creat-react-app初始化了一些代码，我希望在本地和web之间共享这些代码。在我的package.json中，我有两个单独的命令，用于使用react-scripts-ts和react-native-scripts-ts为每个平台启动
package.json
...,
"scripts": {
"tsc": "tsc",
"clean": "rimraf artifacts",
"build": "npm run clean && np
浏览 0提问于2018-05-11得票数 5
回答已采纳
import React, { Component } from 'react';
import { View, Text, StyleSheet, TouchableHighlight } from 'react-native';
class First extends Component {
render () {
return (
<View style = {styles.container}>
<Text>
Hello world!
浏览 1提问于2017-07-28得票数 0
我不完全确定为什么会出现这个错误，因为react存在于node_modules中，并导入到引用的文件中
引用的App.js文件是这个文件
"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esM
浏览 19提问于2018-09-10得票数 3
回答已采纳
我正在尝试让我的应用程序刷新一个选择组件列表的选项。该列表将显示一个选定的wifi热点，我希望应用程序每5秒扫描一次，因此我遵循了以下指南：
但是当我运行这个应用程序时，我会发现这个错误：
误差
Possible Unhandled Promise Rejection (id: 0):
TypeError: _this2.getWifiList().bind is not a function. (In '_this2.getWifiList().bind((0, _assertThisInitialized2.default)(_this2))', '_this2.g
浏览 2提问于2021-03-03得票数 0
回答已采纳
这是我的app.js
import React from 'react'
import { Provider } from 'react-redux'
import { View } from 'react-native'
import { createStore, applyMiddleware } from 'redux'
import ReduxThunk from 'redux-thunk'
import Reducers from './redux'
import Routes from
浏览 2提问于2019-09-20得票数 3
失败:生成失败，出现异常。
其中:设置文件'D:\React
出了什么问题:无法编译设置文件'D:\React Native\contacts\android\settings.gradle'.
启动失败:语义分析中的一般错误:不支持的类文件主版本60
In my settings.gradle
rootProject.name = 'contacts'
apply from: file("../node_modules/@react-native-community/cli-platform-android/native_modules.g
浏览 2提问于2021-06-11得票数 0
我用TypeScript搭建了一个项目，但我的主index.js文件引用的是App.js而不是App.tsx。
如何设置我的项目，以便使用TypeScript文件(App.tsx)而不是App.js？
下面是我的项目结构：
这是通过react-native init X --template typescript搭建的
浏览 4提问于2018-12-21得票数 1
1回答
生成失败，异常是本机的
、、、
在运行此命令时收到此错误-本机运行-android。
我甚至尝试了很多方法来处理这个问题，比如将Java版本从13降到11，但是没有解决这个问题。
这是关于错误的信息。
编译文件'G:\react\react-native\albums\android\app\build.gradle'What出错:无法编译生成文件'G:\react\react-native\albums\android\app\build.gradle'.
启动失败:语义分析中的一般错误:不支持的类文件主版本57
提前谢谢你。
浏览 7提问于2019-10-28得票数 0
3回答
我非常新的反应本机，现在我试图构建一个登录组件，一旦登录成功，我想把组件从登录屏幕重定向到主屏幕。我正在使用，不知怎么的，它一直显示错误“无法读取未定义的属性‘导航’”。
我做错什么了还是错过了什么？非常感谢您的任何帮助！
我正在使用Visual代码-内部人员(v1.37.0) npm -v:6.4.1 -V:2.21.2 react导航：^3.11.0
代码非常基本：
import React, { Component } from 'react';
import { StyleSheet, Text, View } from 'react-native';
浏览 1提问于2019-07-16得票数 0
回答已采纳
我在考虑直接把我的文件传递给我的主index.js文件
import {AppRegistry} from 'react-native';
import App from './App';
import {name as appName} from './app.json';
AppRegistry.registerComponent(appName, () => App);
我的意思是我知道，在我们的App.js里我们总是可以做这样的事情
import React from 'react';
import { Style
浏览 1提问于2018-09-13得票数 4
回答已采纳
1回答
我有如下代码，每次我试图从主页传递参数到第二个页面时，我一直没有定义，我从来没有得到道具或任何东西。 这是我的app.js文件 import React from 'react';
import {
SafeAreaView,
StatusBar,
Text,
View,
} from 'react-native';
import { NavigationContainer } from '@react-navigation/native';
import { createNativeStackNavigator } from
浏览 5提问于2021-10-04得票数 0
1回答
我刚开始使用Reactive原住民，我很难理解框架是如何构建的。
我的入口点是App.js，我希望App.js只检查用户是否登录/使用防火墙进行身份验证。在android上使用firebase，一旦用户通过身份验证，他们的状态就会保存在firebase对象中，直到他们手动注销为止。我希望在RN中使用相同的系统。因此，我希望App.js只检查用户是否经过身份验证，如果是，将用户发送到主屏幕(主屏幕组件)或如果不发送用户登录(登录组件)。
我还编写了一个函数，它将检查用户是否经过身份验证并对其进行适当的路由。我也是单独构建的导航容器，但我不知道如何将它们连接在一起。
App.js：
import
浏览 2提问于2021-03-29得票数 0
回答已采纳
关于
堆栈导航的版本-@react导航/堆栈“："^5.9.3”
我正在尝试显示主屏幕装载。
错误详细信息
代码在App.js中的应用
import React from 'react';
import { StyleSheet, Text, View } from 'react-native';
import NavigationContainer from '@react-navigation/native';
import { createStackNavigator } from '@react-navigati
浏览 4提问于2020-10-20得票数 1
回答已采纳
在react-native init ProjectName上，主应用程序文件App.js以以下方式包含组件的声明： const App: () => React$Node = () => {...} 这条指令是什么意思？ 我的意思是，我习惯于将组件定义为const App = () => {...}，所以我不理解，特别是: () => React$Node之间的表达式。
浏览 136提问于2019-10-08得票数 38
回答已采纳
我正在尝试使用create-react-native-app与世博在一个单一的设置。当我从一个子文件夹app/启动应用程序并导入@expo/vector-icons时，我会发现字体家族丢失了一个错误。
"fontFamily" 'material' is not a system font and has not been loaded
through Expo.Font.loadAsync.
如果我在主src/文件夹中启动应用程序，图标就会很好地加载。
我已经配置了我的rn-cli.config.js，以便该应用程序能够对其他依赖项进行编译和运行。我的项目的
浏览 16提问于2017-12-04得票数 1
回答已采纳
1回答
我有一个带有expo client的react本机应用程序，并给出了一个太多的重新呈现错误，我将发布这些文件，注意我使用react-native-paper.。
这是App.js，它是应用程序的包装器。
import React from "react";
import { Provider as PaperProvider, DefaultTheme } from "react-native-paper";
import { StatusBar } from "expo-status-bar";
import Homescreen from &
浏览 1提问于2020-09-30得票数 0
回答已采纳
1回答
当我试图使用react本机手势处理程序时，我得到了以下错误：
：当试图从文件‘/user/user/Project/index.js’解析模块‘react本机-手势-处理程序’时，成功地找到了包'/Users/user/Project/node_modules/react-native-gesture-handler/package.json‘。但是，该包本身指定了一个无法解析('/Users/user/Project/node_modules/react-native-gesture-handler/index.js'.的“主”模块字段。事实上，这些文件都不存在：
我
浏览 3提问于2020-09-16得票数 1
回答已采纳
如何从React-Native获取onresume事件？我想在Android主活动恢复的时候做一些检查。我检查了RN的源代码，但app恢复时似乎没有事件。
浏览 0提问于2015-11-11得票数 35
我目前被一个反应导航问题困住了，我也咨询过这些文档，看起来我的设置是正确的，但是我可能遗漏了一些东西。我有一个连接到主屏幕的按钮，正在传递一个道具。
import React, { useState } from 'react';
import { View, Text, TextInput, Button, StyleSheet, Picker } from 'react-native';
// not sure if i need to import navigation? It seems to work since it's a screen
浏览 5提问于2020-03-14得票数 1
回答已采纳
3回答
我一直在尝试将尾风集成到我的反应性本地博览项目中，当我在App.js中应用顺风App.js时，它运行得很好，但当我向它添加了react导航并尝试使用Homscreen.js组件中的样式时，样式就没有显示，什么也没有发生。只是裸露的短信而已。
这是我的tailwindcss.config.js文件
/** @type {import('tailwindcss').Config} */
module.exports = {
content: [
"./App.{js,jsx,ts,tsx}",
"./<custom d
浏览 40提问于2022-10-02得票数 2
我一直在重新调整我制作的应用程序的方法，开始使用类和更多面向对象的样式，并对页面使用单独的文件，而不仅仅是在主文件中敲击函数中的所有内容。 这是App.js import 'react-native-gesture-handler';
import React , {Component} from 'react';
import {Button, Text, View, SafeAreaView} from 'react-native';
import {NavigationContainer} from '@react-navigat
浏览 7提问于2020-10-24得票数 2
回答已采纳
我目前正在学习React Native中的一些redux。但是，如果我试图在一个index.js文件中组合我的reducers，我总是会遇到一个错误。
(0, _redux.combineReducers) is not a function
我看了一些如何使用它的教程，我遵循了每一步，但它一直出现在我的屏幕上。
我的App.js看起来像这样：
import React, { Component } from 'react';
import { Platform, StyleSheet, Text, View } from 'react-native';
imp
浏览 6提问于2018-11-22得票数 1
我想要一个飞溅的屏幕和一个主屏幕，里面有抽屉。我在这里面临一些问题。下面是我的堆栈导航器。
import React from 'react';
import {createNativeStackNavigator} from '@react-navigation/native-stack';
import SplashScreen from '../Screens/SplashScreen';
import HomeScreen from '../Screens/HomeScreen';
import DrawerNavigat
浏览 2提问于2022-01-20得票数 0
回答已采纳
1回答
我正在使用react本机构建一个应用程序。该应用程序有两个屏幕: HomeScreen和搜索屏幕。文件资源管理器找不到用于搜索的模块，但是HomeScreen的相同路径正在工作。而且，如果有帮助的话，我也在使用android。
我的App.js包括
import React from 'react';
import type { Node } from 'react';
import { StatusBar } from 'react-native';
import Search from './src/screens/Search/
浏览 4提问于2021-10-09得票数 0
1回答
我想当我单击access文件内的按钮时，移除Home文件内的月数组中的相同项。我该如何解决这个问题呢？ App.js此文件连接屏幕。 import {StyleSheet, View} from 'react-native';
import {createStackNavigator} from '@react-navigation/stack';
import Home from './src/components/Home';
import {NavigationContainer} from '@react-navigation/
浏览 9提问于2020-07-08得票数 0
我得到这个错误:未定义不是一个函数(计算'(0 _reactnavigation.switchnavigator)') 我正在使用这个链接构建一个React Native模板：https://medium.com/react-native-training/react-native-firebase-authentication-7652e1d2c8a2 这是我的App.js文件： import React from 'react'
import { StyleSheet, Platform, Image, Text, View } from 'rea
浏览 14提问于2019-03-13得票数 2
1回答
在尝试实现之前，我必须在终端中运行以下命令
dev本机包-入口-文件index.js -平台ios -dev错误- bundle -bundle-输出ios/main.jsbundle -资产-dest ios
我是否可以像命令react-native run-ios那样自动执行它呢？
不确定它是否相关，但我在我的package.json中找到了以下代码
"scripts": {
"start": "node node_modules/react-native/local-cli/cli.js start",
"test&
浏览 1提问于2018-10-18得票数 2
回答已采纳
我正在尝试将自定义字体导入特定于样式的Styles.js文件。字体当前被导入到主App.js文件中，但不知何故我无法在Styles.js中使用它。
我在App.js中使用的代码：
import React from "react";
import { View } from "react-native";
import Gamefrom "./components/Game.js";
import { AppLoading } from 'expo';
import * as Font from 'expo-font&
浏览 8提问于2020-07-31得票数 0
1回答
无法导入react本机自定义模块
、、、、
我正在使用react-native ES6。没有编译时错误和运行时错误。我尝试导入一个主模块，但没有任何错误。下面是Main.js文件的代码：
'use-strict';
import React, {Component} from 'react';
import {View, Text, StyleSheet} from 'react-native';
class Main extends Component {
render() {
return (
<View style={{justifyContent:&
浏览 1提问于2017-07-16得票数 0
1回答
为什么我的飞溅屏幕上没有反应？
、、、、
我有一个应用程序创建做我的反应本土研究。完成后，我添加了一些演示屏幕，并添加了“react-native-onboarding-swiper'”，这在我看来是我找到的最简单的方法。我还添加了'@react-native-async-storage/async-storage'，在添加启动屏幕之前，该应用程序在没有AsyncStorage的情况下工作
我们的想法是，当我们第一次安装并打开它时，应用程序会显示它的显示屏幕，然后，它会在我显示的菜单屏幕中打开。
再次编辑：
我需要纠正的条件，以便飞溅屏幕显示只有第一次启动应用程序，然后它应该启动到主屏幕。2-主屏幕是我在屏幕截
浏览 1提问于2021-09-06得票数 8
回答已采纳
需要一些帮助在这里，我有一些问题时，使用redux与反应导航。
每当我在redux中更新状态时，react导航将在我的initialRouteName DrawerNavigator中重置为Home。
在this.props.dispatch之后，我如何在屏幕上更新Redux状态？
当我将redux与反射导航集成时，是否有我应该做的任何步骤？
非常感谢你的帮助。欣赏它
App.js
这是我声明我的DrawerNavigator的地方，我的StackNavigator是嵌套在StackNavigator中的
import React, { Component } from "re
浏览 2提问于2017-12-14得票数 2
我有这个反应本地应用程序，它首先显示启动屏幕并加载主屏幕。示例主屏幕显示文本为“演示显示”，我希望将其更改为“文本更改！”我正在使用有状态类组件。但是，每次我尝试重新启动/重新安装/调试应用程序时，文本都与“演示显示”相同。我怎么才能解决这个问题？
App.js
import React,{ Component } from 'react'
import { View, Text } from 'react-native'
import SplashScreen from 'react-native-splash-screen'
expor
浏览 8提问于2021-12-25得票数 2
回答已采纳
伙计们，我对事件onPress有问题！如果我更改TextInput值函数_find()工作，但单击按钮事件无效。控制台中的错误：“警告:失败的道具类型:螺旋桨onPress在Button中被标记为必需，但它的值是undefined。”
import React, { Component } from 'react';
import { AppRegistry, Text, TextInput, View,StyleSheet,Button } from 'react-native';
export default class inputText exte
浏览 0提问于2018-05-29得票数 0
回答已采纳
您可以在下面找到更多详细信息。index.js app.js package.json nothing more index.js app.js package.json nothing react导航回滚不起作用。保持在同一页上，并删除页眉和页底。然后它就冻结了我不能点击任何东西
/**
* @format
*/
import React from 'react';
import {AppRegistry} from 'react-native';
import App from './App'
浏览 21提问于2021-11-25得票数 0
我是新来的反应本土化的，我正在学习一个教程来学习这种语言。现在，我正在尝试使用ImageBackground设置背景图像。
WelcomeScreen.js：
import React from 'react';
import { ImageBackground, StyleSheet } from 'react-native-web';
function WelcomeScreen(props) {
return (
<ImageBackground
style={styles.background}
浏览 6提问于2022-09-23得票数 2
回答已采纳
1回答
当我尝试将cannot read the property of navigate转到SignInScreen时，我得到了这个错误SignInScreen
这是已经创建的启动屏幕
import React from 'react';
import {
View,
Text,
TouchableOpacity,
Dimensions,
StyleSheet,
StatusBar,
Image
} from 'react-native';
import * as Animatable from '
浏览 3提问于2022-05-13得票数 0
回答已采纳
PASS app/components/lists/VideoCardList.test.tsx
● Console
console.error
Warning: You called act(async () => ...) without await. This could lead to unexpected testing behaviour, interleaving multiple act calls and mixing their scopes. You should - await act(async () => ...);
浏览 7提问于2022-04-09得票数 0
我正在尝试显示启动屏幕，位置屏幕时，应用程序打开基本上是singleScreenApp，一旦位置被选中，我想把用户推到home screen，这是TabBased screen与侧抽屉。对于导航，我使用的是名为的For本机包。
我面临的问题是，当页面加载时，它直接带我到主页。启动屏幕和登录屏幕没有出现。
这是我每页的代码
App.js (这是应用程序的入口点)
import { Navigation } from 'react-native-navigation';
import { registerScreens } from './screens/index'
浏览 2提问于2018-06-05得票数 1
打开应用程序时显示错误。
Warning: React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: object. You likely forgot to export your component from the file it's defined in.
这是我创建的基本代码。请参阅复制步骤：
使用命令create-react-native-app Aw
浏览 2提问于2017-08-25得票数 0
回答已采纳
1回答
我正在创建一个反应本地应用程序，连接到防火墙。然而，当我以缓慢的互联网速度启动我的应用程序时，加载它花了一段时间，代码告诉我，这是因为等待authstate侦听器在缓慢的连接上慢下来。在飞机模式下，它工作得很好。
我如何使应用程序加载更快，即使在缓慢的互联网速度？
import { getApps, initializeApp } from 'firebase/app';
// import 'firebase/compat/auth'
import { getAuth, createUserWithEmailAndPassword, signInWithEm
浏览 10提问于2022-04-12得票数 1
回答已采纳
是否可以在我的App.js呈现中调用另一个呈现()。我刚开始处理本能反应，所以看起来很愚蠢。
我创建以下文件。Splash.js
import React, { Component } from 'react'
import { StyleSheet, Text, View } from 'react-native'
export default class Splash extends Component {
render() {
return (
<View style={styles.container}>
浏览 1提问于2018-08-02得票数 0
回答已采纳
我在我的Windows PC上使用React native 0.52.0和react-native-cli 2.0.1进行android开发。尽管我做了这么多改变。当我运行react-native run-android时，它成功构建了，但当我运行它时，我得到了默认的react原生屏幕。
当我运行react-native run-android时，结果-
我得到的应用程序-
index.js
import { AppRegistry } from 'react-native';
import App from './App';
AppRegis
浏览 347提问于2018-01-17得票数 48
我正在学习如何将文件导入React Native。我正在尝试将User.js文件导入到App.js文件中，但它显示了一个错误，并且我不知道我错在哪里。请帮帮我。
App.js
import React from 'react';
import { StyleSheet, Text, View } from 'react-native';
import User from "../Components/User";
export default function App() {
return (
<View>
<User/>
浏览 1提问于2021-05-03得票数 0
我使用的是react-本机-cli版本2.0.1和react-本机版本0.57.8。我正在学习React本机，并且在尝试在主Header组件中呈现两个不同的子组件(Header和AlbumList)时遇到了一个问题。
问题
如果删除<View>标记和index.js文件中的AlbumList组件(意味着只显示一个组件)，错误就会消失。我查看过像这样的线程，但仍然无法识别我是如何错误地使用<View>标记的。
index.js
import React from 'react';
import { View, Text, AppRegistry
浏览 0提问于2018-12-27得票数 2
回答已采纳
/这是主屏幕，在这里我尝试转到“组件”。它不能识别'props.navigation.navigate
import React from 'react';
import { Text, StyleSheet, View, Button, TouchableOpacity } from 'react-native';
const HomeScreen = props => {
return (
<View>
<Text style={styles.text}>Hi there !</Text&
浏览 2提问于2019-09-10得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
