我已经设法让控制台在按下按钮时输出一个文本。但是，我也希望每次单击都会增加一个名为nClicks的全局变量的值，但一直在努力做到这一点。这是我的代码：
/**
* Sample React Native App
* https://github.com/facebook/react-native
*/
'use strict';
var React = require('react-native');
var {
AppRegistry,
StyleSheet,
Text,
View,
TouchableHighlight,
浏览 2提问于2015-04-27得票数 0
使用"react"："15.3.2"，"react-native"："0.35.0"，"react-native-fbsdk"："^0.3.0“我使用的安卓虚拟设备是=> Android7.0，接口级别: 24
我遵循了自述文件设置
我想使用Analytics for Apps。
在iOS上，它在应用程序发布和AppEventsLogger上都运行得很好
在Android上，它在App Launches上运行良好，我可以在facebook分析网站上获得数据
但是关于AppEventsLogger.lo
浏览 0提问于2016-10-25得票数 0
我使用作为入门模板，使用firebase构建react原生应用程序。
我正在使用Home.js中的以下文件，我想做一些事情，但遇到了一些问题。
获取输入域的值-我试图在这个文件中执行构造函数(Props)来获取输入域的内容，但是当我尝试这样做的时候总是得到一个错误。
传递用户数据-我正在尝试获取已登录用户的详细信息。目前，我正在使用firebase.checkUserAuth；如何使用'this.state.user‘保存'user’内容的数据。当我尝试这样做的时候，我总是遇到错误。
import React, {useEffect } from "react&
浏览 1提问于2020-05-26得票数 0
回答已采纳
我尝试为我的应用程序创建一个网络可用性组件。我在network.js中的生命周期组件 import { Component } from 'react';
import { NetInfo } from 'react-native';
export default class Network extends Component {
constructor(props) {
super(props);
this.state = { connected: null }
}
componentWillMount() {
浏览 16提问于2019-02-06得票数 1
我正在封装一个名为JellMenu的菜单，我希望像JellMenu.Item一样公开CustomMenuItem，而不是import CustomMenuItem。我不知道该怎么做。
我看了一下react-native-viewpager源代码，我认为这可能会有所帮助：
var ViewPager = React.createClass({
statics: {
DataSource: ViewPagerDataSource,
},
它将把ViewPagerDataSource公开为ViewPager.DataSource，对吗？我不是很清楚。关键字statics在Es5中的含
浏览 1提问于2016-08-25得票数 0
回答已采纳
1回答
每当我按下搜索栏做输入时，我都会尝试做一个背景颜色来改变我的平版。
下面是SearchScreen.js的完整代码：
import React, {useState} from 'react';
import { ScrollView, StyleSheet, TextInput, Text, View, FlatList, Keyboard, Image, TouchableOpacity, TouchableWithoutFeedback} from 'react-native';
import Icon from 'react-native-vec
浏览 5提问于2020-02-24得票数 0
回答已采纳
我正在尝试将smartlook集成到一个反应本地项目中。当我尝试初始化smartlook时，它返回TypeError:在第一次呈现时，未定义不是一个对象(求值'window.document.getElementsByTagName')，但是当我再次按保存代码时，它会工作。有人知道为什么吗？恳求。谢谢
import React, {useEffect} from 'react';
import {
SafeAreaView,
StatusBar,
StyleSheet,
View,
Text,
TextInput,
} from '
浏览 13提问于2022-10-27得票数 1
我不明白ref系统在反应钩子中的潜在行为。
据我所知，useRef将创建一个常量对象，在每个呈现过程中，只有当前属性会更改。
我原以为createRef的行为也是一样的，但显然不是这样的：
此代码正在创建一个无限循环。
import React from "react";
export default function App() {
const [count, setCount] = React.useState(0)
const ref = React.createRef()
React.useLayoutEffect(() => {setCount(c
浏览 4提问于2020-08-06得票数 0
回答已采纳
3回答
在使用类组件时，我不能使用导航，它告诉无效钩子。如何在类组件中使用导航？
这就是我试图在类组件中获得的导航选项。其实我是个新手，.Can，有人帮我吗？
import React, { Component } from 'react';
import { Text ,View ,TouchableOpacity } from 'react-native';
import { useNavigation } from '@react-navigation/native';
class Mpin extends Component {
浏览 2提问于2022-06-07得票数 1
回答已采纳
我买了一个关于Udemy的反应本土化课程，教React的人使用了{...this.props}。但这对我没用。这是错误消息。
TypeError:未定义不是对象(计算'_this.props')
我该怎么办？
LoginForm.js
import React from 'react';
import { StyleSheet, ScrollView, View, Text, Image } from 'react-native';
import Input from '../components/Input';
const
浏览 6提问于2020-03-04得票数 1
回答已采纳
我试图理解在useSelector中使用_bootstrapAsync的区别在于它以这种方式失败了
import React, { useEffect,useState } from "react";
import { useSelector } from 'react-redux'
import { ActivityIndicator, StatusBar, View, Text } from "react-native";
export default function authLoading({ navigation }) {
浏览 0提问于2019-12-09得票数 0
我在我的react-native应用程序中使用了react-native-pell-rich-editor。如何在编辑器打开后立即在RichEditor中聚焦光标？RichEditor中是否支持自动聚焦属性？
"react-native": "0.61.2" "react-native-pell-rich-editor": "^1.0.4"
浏览 48提问于2020-02-10得票数 2
1回答
当组件被卸载时，React组件中的状态不会被垃圾回收，从而导致内存泄漏。我在macOS Sierra的Chrome10.12.5上使用react@15.5.4。
我正在像一样在componentDidMount中设置一个状态。
为了确认内存泄漏，我在componentDidMount中添加了以下内容
let arr = new Uint8Array(1024 * 1024 * 30);
this.setState({
test: arr
});
并获取堆快照以确认在堆上分配了30MB的Uint8Array。
然后，我已经确认componentWillUnmount中的console.log
浏览 2提问于2017-05-24得票数 4
我在react原生中有一个book对象，我想使用useState react钩子在我的组件中使用这个对象，但我得到了一个错误消息：“错误:对象作为React子对象无效(找到:具有键的对象{pages，title})。如果您打算呈现一个子对象集合，请改用数组。” 这是我的图书类： export class Book {
pages: number;
title: string;
constructor(pages: number, title: string) {
this.pages = pages;
this.title = title;
}
} 下面是我
浏览 50提问于2020-07-28得票数 0
3回答
如何在JSS中指定:焦点属性？
、、、、
我将react-native-web与expo和react-native-paper (material ui)一起使用
我的问题是在编译的web版本中的焦点轮廓属性上的文本区域，所以我需要去掉这个蓝色边框。通常我会这样做
textarea:focus {
outline:none!important
}
对于react-native，我们不能只使用jss而使用css，但是如何使用这个属性呢？
<TextInput
label='Email'
value={this.state.text}
onChangeText={text => thi
浏览 0提问于2019-09-01得票数 1
我是JS/React-native的新手，我对如何正确地管理地图初始状态感到有点困惑。 我有以下组件： import React from 'react';
import { StyleSheet, Text, View, Dimensions} from 'react-native';
import Colors from '../constants/Colors'
import MapView from 'react-native-maps'
const { width, height } = Dimensions.get
浏览 14提问于2020-04-02得票数 0
回答已采纳
我在Reactinative0.43.3开发了一个项目
我犯了一个错误，我只在iOS中开发和测试所有项目。(在那里工作很好)
问题是当我试图生成APK上传到PlayStore时，并在我发现的错误的设备上进行测试：
不能将android.widget.imageview转换为android.view.viewgroup
我的主要问题是如何显示错误。是在死的红色屏幕上，我不知道如何在反应本机中找到发生错误的线和组件。我想我可能无法意识到这一点，因为javascript代码已经编译好了。
不管怎样，我不知道怎么解决这个问题。
我认为可能是因为我在图像中使用了旋转器(以显示正在加载的图像)，类似于：
浏览 7提问于2017-06-08得票数 0
1回答
我想在导航抽屉中使用上下文API，而我被困在了如何做到这一点上？
我有两个屏幕显示屏幕和上传屏幕，在上传屏幕我收集数据，并将它们发送到useState挂钩，然后把他们发送到显示屏幕。在显示屏幕上，我把这个数据添加到数组中，现在的问题是当我回去上传屏幕再发送更多的数据时，显示屏幕数组得到返回到它的初始状态，即为空。现在，我需要创建一个上下文api，以便在其中添加数据。我怎么能这么做。下面是我的代码：
/**
* Sample React Native App
* https://github.com/facebook/react-native
*
* @format
* @flow s
浏览 4提问于2021-12-17得票数 2
我正在尝试将平面列表检查表放入react原生选项卡视图中，为此，您需要将平面列表声明为常量，以便可以像这样使用它。不幸的是，每当我点击列表底部的项目时，它就会弹回顶部，并重新呈现列表。当平面列表被直接呈现到组件的render函数中时，不会出现这个问题。 我已经对我的意思做了一个简化的版本。https://snack.expo.io/ecO7YYlVZ是单击项目时弹出到顶部的版本，https://snack.expo.io/1iQ!ILk4B是单击项目时不弹出到顶部的版本。 两者之间的唯一区别是不起作用的版本是这样的 const Dat = () => {
return (
浏览 20提问于2020-06-08得票数 3
我收到null不是一个对象(计算'this.state.search')我是新的反应-本机，所以不是100%确定发生了什么。谢谢你的帮助。
这是我的基本搜索栏：
use strict';
import React, { Component } from 'react';
import { StyleSheet, Text, View, TextInput, Button } from 'react-native';
import renderIf
浏览 0提问于2016-12-23得票数 2
我正在尝试导出初始组件，但一直收到Invariant Violation错误：
有没有更好的方法来导出我的HMAPP组件并将其导入App.js？
错误图片：
这是我的App.js：
import HMAPP from './app/HMAPP';
export default HMAPP;
这是我的HMAPP组件：
import { Provider } from 'react-redux';
import { persistStore } from 'redux-persist';
import { Navigation } from &#
浏览 1提问于2018-09-13得票数 2
回答已采纳
我使用react导航2和React本机来构建身份验证流(遵循这个)。
当我在iPhone 6s模拟器中运行它时，应用程序工作得很好。该应用程序将我引导到欢迎屏幕，因为在userToken中找不到AsyncStorage。
我的代码如下：
AuthLoadingScreen.js
import React from 'react'
import {
StyleSheet,
View,
ActivityIndicator,
AsyncStorage,
} from 'react-native'
export default class AuthL
浏览 0提问于2018-12-26得票数 0
回答已采纳
2回答
我正在尝试从另一个主要从屏幕调用的组件内部使用React Navigation。层次结构:登录屏幕有一个按钮组件，该按钮组件设计了一个TouchableOpacity组件，该登录按钮应该调用另一个屏幕Home。
login.js
import React, { Component } from "react";
import { StyleSheet, View, Text, Button } from "react-native";
import { withNavigation } from 'react-navigation';
imp
浏览 3提问于2020-01-05得票数 0
我试图为一个应用程序做一个启动屏幕，但是使用react，componentDidMount，在由starter给出的与类型记录相关的文件中返回一个错误。这是app.js代码
import React, { Component } from 'react';
import { SafeAreaView, StyleSheet, ScrollView, View, Text, StatusBar, Button, TextInput, Image } from 'react-native';
import { Header, LearnMoreLinks, Colo
浏览 2提问于2020-02-09得票数 1
回答已采纳
我有这个问题的反应本机，反应导航，即使有这个错误导航流仍然工作。
类型' string‘的参数不能分配给类型'{ key: string；params?：undefined；merge?：boolean；}{ name: not；key?：string\未定义；params: not；merge?：boolean；}'.ts(2345)
export function LoginContainer() {
const navigation = useNavigation()
async function handleSignInEmail() {
浏览 15提问于2022-01-18得票数 0
我试图在React本机中设置一个视图的样式，但是我一直得到这个错误(未定义的对象不是一个对象(计算'styles.screen))。
我做了一个简单的代码..。
import React, {useState} from 'react';
import {StyleSheet, Text, View, Button, TextInput} from 'react-native';
export default function App() {
return (
<View style={styles.screen}>
浏览 5提问于2020-06-11得票数 0
回答已采纳
我试图在切换导航器中使用。
我不知道如何完成基本设置，因为自述文件中的示例与我的App.js不同。我用的是Reactive16.8，所以我应该能用钩子。
My App.js
import { useActionSheet } from '@expo/react-native-action-sheet'
const AuthStack = createStackNavigator(
{ Signup: SignupScreen, Login: LoginScreen }
);
const navigator = createBottomTabNavigator(
浏览 2提问于2019-10-15得票数 0
很容易从一个屏幕导航到App.js类中的另一个屏幕。我所做的是三个类: App.js、SearchList.js和Detail.js。但我面临的问题是如何从searchList.js导航到Detail.js，单击searchList.js类中的任意视图。我应该在StackNavigator中再次使用searchList.js还是在App.js中声明所有类？
App.js
import React from 'react';
import { Image,Button, View, Text ,StatusBar,StyleSheet,Platform,TouchableOpac
浏览 0提问于2018-03-14得票数 1
回答已采纳
我使用我们自己的库来进行API调用。在devDependencies中，我指定了该库。如果我运行npm install，我将获得node_modules下的库。在应用程序方面，它工作得很好。
当我尝试使用JEST时，我得到了意想不到的标记。
请在下面找到我的package.json，
{
"name": "myApp",
"version": "0.28.9",
"description": "My APP",
"main"
浏览 1提问于2019-01-10得票数 0
我得到的source.uri不应该是空字符串。我该如何解决这个问题呢？ 我正在使用谷歌云firestore来存储所有的图像，并在我的应用程序中渲染它，然后这个错误出现，我不知道如何修复它，请帮助我解决这个问题。 下面是我的代码： import React from 'react';
import {
TouchableOpacity,
Image,
View,
Text
} from 'react-native';
import storage from '@react-native-firebase/storage';
imp
浏览 21提问于2020-06-15得票数 1
我们的图像和数据库中的视频被压缩成webp。然而，我是一名使用React Native的iOS开发人员。在React Native文档中，iOS不支持webp镜像。我该怎么处理呢？我的RN版本是0.59。有什么解决方案吗？
浏览 57提问于2020-01-20得票数 0
回答已采纳
2回答
我不明白在下面的代码中this是如何工作的(摘自React教程)：
class Connect extends React.Component {
myFunc = event => {
console.log(this.pseudoInput);
}
render() {
return (
<div >
<form onSubmit={(e) => this.myFunc(e)} >
<input t
浏览 23提问于2017-08-30得票数 2
回答已采纳
我刚开始学习react native，在创建对象时遇到了一些问题。以下是代码
import React, { Component } from 'react';
import {
View,
Text,
StyleSheet,
} from 'react-native';
export default class object {
name: 'joe'
age: 27
country: 'France'
}
当我尝试在另一个类中实例化它时
import React, { Component
浏览 0提问于2018-05-30得票数 0
我还是个反应新手。我想让我的登录按钮创建一个新的屏幕上的新闻。我尝试过多次尝试，但似乎无法克服这个错误：
我做错什么了？
LoginForm.js:
import React, { Component } from 'react';
import { TextInput, Text, View, StyleSheet, TouchableOpacity } from 'react-native';
import { StackNavigator } from 'react-navigation';
im
浏览 1提问于2018-09-14得票数 3
我有一个名为AuditionItem的组件，其多个实例被添加到名为AuditionsList的父组件中。
我已经完成了导出默认连接(MapStateToProps)(AuditionItem)
根据我的经验，mapStateToProps只对AuditionItem的一个实例(启动状态更改的实例)调用。但是，我希望对每个mapStateToProps实例调用AuditionItem。
有办法这样做吗？
下面是我的AuditionItem.js代码：
import React from 'react';
import { StyleSheet, Text, View, Image
浏览 1提问于2018-06-29得票数 0
回答已采纳
我有一个错误，真的不知道为什么。这是一个非常简单的代码，只是为了测试反应本机，想要创建一个类，调用其他类，并调整一个按钮，以增加数量：
import React, { Component } from 'react';
import {
AppRegistry,
StyleSheet,
TouchableHighlight,
Text,
View
} from 'react-native';
export default class Apprentissage1 extends Component {
render() {
re
浏览 43提问于2017-03-01得票数 0
我们正在开发一款智能手机应用程序，它使用的是React-本机。我使用了react本机-安全区域-上下文来获得iPhone 12上凹槽的高度。但是，我得到以下错误：
Invariant Violation: Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:
1. You might have mismatching versions of React and the r
浏览 4提问于2021-04-11得票数 0
1回答
这是我在react原生中的组件，组件中的所有功能都工作得很好。
import React from 'react';
import { View, Text } from 'react-native';
import { connect } from 'react-redux';
export class ABC extends React.Component {
render() {
return (
<View style={{ width: '100%', height
浏览 4提问于2020-08-13得票数 0
Button.js
import { View, Text, TouchableOpacity, Button} from 'react-native';
import React from 'react';
export default function Btn (bgColor, textColor, btnLabel) {
return (
<TouchableOpacity
style={{
backgroundColor: bgColor,
borderRadius: 100,
浏览 5提问于2022-11-03得票数 2
我知道，当为尚未挂载的组件设置状态时，会引发错误。这解释了使用setState函数进行显式和直接设置状态时所产生的错误。
import React, {Component} from 'react';
class SearchBar extends Component {
constructor(props) {
super(props);
this.state = {term: ''}; // -> seems to be the agreed means to set initial state
// this.setState({t
浏览 5提问于2016-04-07得票数 5
回答已采纳
使用构造函数：
import { Text } from 'react-native';
import Component from 'react';
class Blink extends Component {
constructor(props) {
super(props);
this.state = {test: "Hello"};
}
不使用构造函数：
import { Text } from 'react-native';
import Component from 'rea
浏览 3提问于2018-07-25得票数 3
回答已采纳
1回答
使用mobX全功能组件
、、、
我刚刚学习了三个月的react和react-native，我对函数组件非常熟悉，因为从第一步开始，我已经在function中写了一个"hello world“，现在我仍然坚持使用function，因为，我读了一些博客，使用hooks，学习类是可选的，所以我决定专注于functional component。但是当我开始学习MobX时，我感到有点困惑和挣扎，尤其是对于store class TodoStore {
todos: Todo[] = []
constructor() {
makeObservable(this, {
浏览 14提问于2021-08-31得票数 1
伙计们，我有这个问题，但我不能解决它，我尝试了很多事情，但这个错误与我有关。所以我迷路了，请帮帮我
这在主要(路线)：App.js
const Router = createStackNavigator(
{
Login: {screen: LoginScreen},
Julia: {screen: JuliaScreen},
},
{
initialRouteName: 'Login',
headerMode: 'none',
}
)
LoginScreen.js ->登录屏幕
<
浏览 1提问于2018-05-31得票数 2
是否可以使用react原生应用程序中的所有reactjs组件?如果不能，在react js和react native之间切换的最佳方式是什么？
如果应用程序是使用react js完成的，那么是否有必要(强制)在其中使用redux？
浏览 3提问于2016-06-20得票数 12
我刚开始学习React Native，我想要构建一个界面美观的ReactNaive应用程序，我如何构建一个组件，并将style{backgroundColor}作为道具，然后在家庭中呈现该组件
home.js
import React from 'react'
import { View, Text , Image , ScrollView} from 'react-native';
import { FlatList } from 'react-native-gesture-handler';
import {
浏览 5提问于2021-12-22得票数 0
回答已采纳
我希望将React Native Button组件的标题传递给相邻的函数。我只将React Native functional components用于此应用程序。
这是组件。我希望将用户按下的按钮的标题传递给函数submitLanguageSelection，它将是“英语”或“阿拉伯语”，这样我就可以将该值保存到useLocalStorage()中，这是我编写的处理AsyncStorage的自定义钩子，这样用户下一次使用该应用程序时，他们的语言选择将保持不变，并且不会再次显示ChooseYourLanguageScreen。
感谢大家的帮助，谢谢。
const ChooseYourLangu
浏览 3提问于2020-09-05得票数 0
我试图使用react导航在两个页面之间移动，Selecttype.js和doctorlogin.js，其中Selecttype.js是initialRouteName，有一个按钮，当有人单击它时，它将重定向到doctorlogin.js。initialRoute正在加载，但我无法使用onclick()事件访问onclick()。
App.js：(路由器)
import React from 'react';
import 'react-native-gesture-handler';
import { NavigationContainer } from
浏览 1提问于2020-12-19得票数 0
在受控组件中，如何将任意道具传递给呈现函数？我认为我需要使用构造函数，但我得到的是“道具没有定义”和其他错误。
import * as React from 'react';
import { View } from 'react-native';
import styles from './Styles';
export default class MyView extends React.Component {
constructor(????) {
// What do I do so I can use {...prop
浏览 0提问于2018-02-19得票数 1
回答已采纳
当我添加构造函数(Props)时，我得到了以下错误。这个错误是什么?我如何修复这个错误。是因为export default function LoginForm({navigation}){
代码如下：
import React, { useState, useEffect, Component } from 'react';
import { StyleSheet, View, Text,TouchableOpacity,TextInput, ActivityIndicator,Linking } from 'react-native';
import { L
浏览 0提问于2020-08-27得票数 0
我正在处理function -本机，我想从不同的类调用一个函数，但是当我试图这样做时，会出现一些错误。
A类
import B from './B.js';
class A extends Component {
_onItemPressed(item){
B.abc();
}
render() {
return (
<TouchableHighlight
underlayColor={Colors.colors.lightgrey}
style={{
浏览 7提问于2017-04-27得票数 22
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
