从“React”导入React,{Component};
进口{
站台
样式表,
文本
看法
按钮
}从“反应本机”;
const指令=Platform.select{
ios:'按Cmd+R重新加载,\n'+
“用于开发菜单的Cmd+D或shake”,
android:“双击键盘上的R以重新加载,\n”+
'为开发菜单摇动或按下菜单按钮',
};
导出默认类应用程序扩展组件{
构造器{
超级作物;
此.state={
计数:1
};
}
renderButton==>{
回来
;
}
onBu
当react原生应用程序在后台运行时,我需要保存用户的地理位置。我知道react native background geolocation可用于此目的,但我不想为此使用任何第三方工具。即使应用程序在后台运行,是否有办法获取用户的当前位置?最后一种方法应该可以访问它
我们很高兴地宣布,这一版本包括对后台位置的初始支持,这是许多世博会用户要求很高的功能。现在,您可以在应用程序中定义简单的JavaScript任务,并注册它们以在后台接收位置更新。此外,您还可以设置当设备进入或离开特定地理区域时触发的
我并不总是收到关于具有相同值的键的警告,但它经常出现。大多数情况下,它发生在第一次搜索时
这是我的密码:
const ITEMS_PER_PAGE = 5
export default class SearchForm extends Component {
state = {
allStates: [],
states: [],
page: 1,
displayStatesList: false,
}
我使用带有自定义内容组件的React导航抽屉。
下面是我创建抽屉导航的代码:
import { Dimensions } from 'react-native';
import { createDrawerNavigator, createAppContainer } from 'react-navigation';
import DrawerContent from '../components/drawer/DrawerContent'
import MainScreen from '..
我的react原生应用程序有一个奇怪的问题。在模拟器和真实设备上,应用程序不会对方向变化做出响应
我将react导航与StackNavigator和UI的本机基础一起使用
AndroidManifest包含
android:configChanges=键盘|键盘隐藏|方向|屏幕大小
但是以前的模块和react本机版本也存在问题
谢谢
固定的
添加android:screenOrientation=传感器解决问题。您是否设置了方向:
对于iOS,如下图所示:
对于清单中的Android
您是如何
我试图通过react native中的screenstack元素来传递一些道具。我有一个按钮,onPress会要求屏幕使用如下反应导航:
<Button
title="Lees Meer"
color="#d10a10"
onPress={() => RootNavigation.navigate('Article', {
params: { title: title, text: text, image: image },
运行expo start时,会显示此消息
无法从节点\u modules\react native safe area context\src\index.tsx解析./SafeAreaContext请尝试通过运行npm安装-g expo CLI将expo CLI更新为最新版本。您还可以通过运行本地安全区域上下文来安装安全区域
我希望能够知道已传递到中的网络加载图像的实际大小。我尝试使用onLayout计算大小(从这里获取),但在通过布局引擎后,它似乎返回经过消毒的大小
我试着查看onLoadStart、onLoad、onLoadEnd和onProgress,看看是否有其他可用信息,但似乎无法启动这些信息。我宣布如下:
onImageLoadStart: function(e){
console.log("onImageLoadStart");
},
onImageLoad: function(e
如何在onValueChange这样的事件中使用两个函数
我试过了
onValueChange={(selected) => this.setState({selected}),this.state.eventOnChange}>
那么:
onValueChange={(selected) => {
this.setState({selected});
this.state.eventOnChange();
}}
那么:
onValueChange={
我使用的是react native和react relay,因此我有以下.babelrc文件:
{
"sourceMaps": "both",
"presets": [
"./plugins/babelRelayPlugin",
"react-native"
],
"passPerPreset": true
}
添加在组件中使用箭头函数作为来自react native material kit()的mkicontogle的依赖项时,无法正确传输,并且此引用丢失/
假设我有TextInput和RadioButton。我从安装了RadioButton软件包。代码是:
import React, { Component } from 'react';
import {
AppRegistry,
StyleSheet,
Text,
View,
TextInput
} from 'react-native';
import RadioForm, {RadioButton, RadioButtonInput, RadioButtonLabel}
我正在为4.2.2开发应用程序,但无法运行adb reverse命令,因为react文档说它不支持低于5.0的版本。因此,我无法生产apk
使用adb反向
请注意,此选项在运行android 5.0+(API 21)的设备上可用。
通过USB连接设备并启用调试(请参阅上面关于如何在设备上启用USB调试的段落)
链接:您仍然可以使用文档下方的选项配置您的应用程序以通过Wi-Fi连接到本地开发服务器,我正在使用Android 4.4
我想把注意力集中在文本输入上,按下一个按钮,让键盘弹出,但没用。那么如何解决呢?
这是我的密码
<TextInput ref="myInput" />
<Text onPress={()=> this.refs["myInput"].focus()>custom</Text>
this.refs[“myInput”].focus()>自定义
替换此行:
<Text onPress={()=> { this.refs.myInput.fo
当主屏幕加载时,我得到“不变冲突:刷新属性必须设置为布尔值才能使用onRefresh,但得到了未定义的”,请帮助
class Home extends Component {
constructor(props) {
super(props)
this.state = {
suggestionList:[],
refreshing:false,
};
}
componentWillReceiveProps(nextProps){
t
我正在尝试通过电缆在android设备上运行react本机应用程序,并在开发者模式下启用USB调试。android版本是5.1(Lolipop)。我不断得到这个错误,请建议如何
Unable to install E:\react-native\AwesomeProject\android\app\build\outputs\apk\app-debug.apk
com.android.ddmlib.InstallException: Failed to install all
a
我有以下配置:
export default class App extends React.Component {
render() {
const MainNavigator = StackNavigator({
signin: { screen: SigninScreen },
signup: { screen: SignupScreen },
home: {
s
当用户打开应用程序,但在文档中的任何地方都找不到方法时,我会在“react native push notification”(反应本机推送通知)中查找“reset application badge number”(重置应用程序徽章编号),知道吗?
PushNotificationIOS从react native导入您可以将其添加到AppDelegate.m中,当应用打开或进入后台时,AppDelegate.m会将徽章计数设置为0
- (void)applicationDidBecomeAct
我的代码非常简单:(仅显示相关部分)
与你的朋友分享
然而,当我检查文本节点时,它的宽度是其容器的100%,而灰色背景则是整个宽度
是否有布局设置使此文本的宽度尽可能小?也就是说,只到课文结束
您可以使用属性:
<View style={{alignSelf: 'flex-start'}}>
<Text>SHARE WITH YOU FRIENDS</Text>
</View>
与你的朋友分享
您可以使用属性:
<View
我正在使用react导航:
如果我在redux重新提交视图时更改redux状态的login属性,我的StackLogin将重置为初始状态(如果我在SignIn视图中,它将返回login)。就像它没有保持自己的状态一样。也许这是我在这个图书馆遗漏的东西。
关于当登录属性更改时,React将重新呈现组件。要确定要渲染的内容,将执行render()方法。您的render()方法每次运行时都会创建一个新的StackNavigator。因此,当道具发生变化时,您的将被有效重置
您可能想做的是在Login
我正在尝试在我的react本机应用程序中使用npm库。但我有这个错误
我正在使用
我正在导入到我的项目中
import cielo from 'cielo';
有人能帮我吗?看看这个包的github源代码。
导入此包时,似乎必须传递一些参数。您可以看看这个包的使用示例。您的导入代码似乎有误…请添加您遇到的完整错误,并提供一个完整的错误。
我正在尝试使用启用日期范围。在我的应用程序中,日历会加载一些“标记日期”;现在,我需要在不影响这些初始日期的情况下实现开始和结束日期功能。不幸的是,我正在努力实现这一目标。我该怎么做呢
先谢谢你
伪代码
加载带有标记日期的日历
点击开始日期
点击结束日期
继续
组件
export default class Dates extends Component {
static navigationOptions = {
title: 'Choose dates',
我有一个名为outcome的项目,其数据来自服务器,分别为赢、输、空或空。目前,我渲染了所有这些。我只想减少/呈现此FlatList/ListItems屏幕中的空值
代码如下:
<FlatList
data={this.state.doctorsList}
keyExtractor={item => item.signal_id.toString()}
我用react native开发了一个移动应用程序。当我尝试HTTPS请求时,我的服务需要客户端证书身份验证。我搜索了大量资源,发现了以下内容:
我应该能够通过在本机代码中使用客户端证书身份验证编写一个库,然后使用NativeModules从javascript调用它来实现这一点,但这确实很困难
或者我需要添加一个中间件服务
对于这个问题,你有别的解决办法吗?或者最佳实践是什么
让我先说一句,我是新来的
以下是我的组件:
/**
* Sample React Native App
* https://github.com/facebook/react-native
*
* @format
* @flow
*/
import React, { Component } from 'react';
import { Text, View, Image, TextInput } from 'react-native';
class CountryCodeInpu
我使用react导航从一个屏幕导航到另一个屏幕。但在导航时,我发现导航还不够好。因此,我尝试在从一个屏幕导航到另一个屏幕时添加转换。使用react navigation解决此问题的任何解决方案如果只想使用react navigation,请使用以下选项
您必须使用Transitioner
class MyNavView extends Component {
...
render() {
return (
<Transitioner
config
我在项目中使用了react-native firebase:5.5.6和react-native:0.59.10。我已经创建了一些日程通知。当我试图取消其中一些时,这是行不通的
cancelNotification = async (Id) => {
try{
await firebase.notifications().cancelNotification(Id);
}
catch(e){
console.error(e);
}
}
我正在学习react native,我成功地启动并运行了2个Tabbar。
现在我尝试添加第三个选项卡栏,但每次尝试添加第三个选项卡栏时,我只看到两个选项卡栏。我有点困了,希望有人能帮我编码
import React from 'react';
import {
createMaterialTopTabNavigator,
} from 'react-navigation';
import FoldersList from '../screens/FoldersList';
const
已完成将react本机应用程序从0.59升级到0.61,尝试在android上运行该应用程序时出现以下错误。React本机firebase版本为6.0.3
如果我正确读取了文档,默认应用程序将自动创建,因此我假设在升级react-native或react-native firebase时遗漏了一些内容
无法获取错误信息
标签: React Native
react-native-androidandroidxandroid-jetifier
我运行以下命令行
npm I jetifier
npx jetify
这使得jetifier启用。如何禁用它?如果您还不想迁移到AndroidX,可以使用-r标志和npx-jetify调用。请按照此链接中的说明了解更多详细信息:
通过--no-jetify以及react-nativecmd您的意思是我运行react-native--no-jetify@RajendranNadarYes,如果你想永久禁用它,你需要更新gradle文件当我运行该命令时,我得到了这个错误错误:未知选项--no-je
我的WebChat代码基于React v4
我想在用户单击位置按钮时向bot发送消息
handleLocationButtonClick函数被调用,它向机器人发送纬度和经度
这是我的代码:
import React from 'react';
import { createStore, createStyleSet } from 'botframework-webchat';
import WebChat from './WebChat';
import './fabric-icons-inl
在我的React Native屏幕中有一个视图,我想显示它,然后在5秒钟后淡出。以下是render()方法内部的视图:
{this.state.showView (
<Animated.View style={{ opacity: this.state.fadeAnim }}>
</Animated.View>
)}
这不管用。视图按预期显示和消失,但不会淡出;它只是在没有动画的情况下消失。我做错了什么?我猜您已经设置好了,以便showView状态显示和隐藏组件
如果我在react原生浮动操作中将位置设置为“中心”,则不会显示我在操作中添加的文本
仅将图标背景显示为圆形
您应该在实施之前阅读。在这里,作者提到,文本在对齐“中心”时不会显示。请检查一下这些文件。如果您想覆盖此选项,只需修改并将PR交给作者。问题不清楚。你能添加图像和更多细节吗?编辑了上面的内容。但是没有添加底部值的选项。(即)我需要添加底部值以将图标移动到屏幕上方。样式未反映我的UI中的任何更改
如果我将上载调试符号添加到sentry,则无法生成应用程序。也在Xcode中显示它
Continuing in background
Failed to display Xcode notification
export SENTRY_PROPERTIES=sentry.properties
../node_modules/@sentry/cli/bin/sentry-cli upload-dsym
我使用react-i18next和i18next对应用程序进行本地化。我希望能够在设置中手动更改语言,并保留该更改。
问题是我不知道如何在i18nconfig文件中使用redux,因为redux是异步的,而且我在react-i18next中检查了文档中的一些内置存储选项,但没有成功
以下是i18nconfig文件:
“严格使用”;
从“i18next”导入i18n;
从'react-i18next'导入{reactI18nextModule,initReactI18next};
从“反应本机设备
如何稳定低能量蓝牙信标的RSSI接收信号强度指示器,以便更精确地计算距离
我们正在尝试开发一个室内导航系统,遇到了这样一个问题,即RSSI波动太大,距离估计远未接近正确值。我们试着用高级平均值计算器,但没用
该设备正在不断获取RSSI值,如何过滤它们,如何获取平均值,我完全不知道,请帮助
有人能推荐任何npm库或指向正确的方向吗?我已经搜索了很多天,但没有找到任何地方
前端:ReactNative后端:NODEJS由于您的需求非常具体,您不太可能找到一个预构建的包来满足您的需求。您很可能需要编写
标签: React Native
react-navigationreact-navigation-stackreact-navigation-v5
我正在尝试用react navigator创建一个iOS风格的模式,它工作正常,在从主导航器调用它时打开它,但是当我有一个嵌套导航器时,打开它的效果很糟糕,背景屏幕不会从新的较小尺寸的位置转换到原始位置,而是“跳出”创建非流体效果
以下是一个可复制的示例(仅在iOS上测试):
有什么想法吗?为什么不直接使用Modal?您必须使示例适合您的布局,但您不会遇到这些转换问题。@BasvanderLinden出于一致性目的、深度链接以及使用react navigator创建此类模态的能力,我没有支持标准
标签: React Native
react-navigationreact-navigation-stackreact-navigation-drawer
我的HomeHeader组件如下所示:
import React from 'react'
import { View, StyleSheet, Text, Image } from 'react-native'
import Icon from 'react-native-vector-icons/FontAwesome5';
export default function HomeHeader({navigation}) {
return (
<View
我有一个杂志风格的应用程序,它有一个索引页面,是名为HomeScreen的组件(包含文章列表),还有一个详细页面,是名为Details的组件(包含完整的文章);
在它们上面,我有一个主页组件,它是bot的堆栈导航
主分量
const Home = ({}) => {
return (
<Stack.Navigator initialRouteName="Home">
<Stack.Screen name="Home&
标签: React Native
react-native-androidreact-native-iosreact-native-picker-select
在我的react native项目中,我想实现一个功能,点击图标会分别在iOS和Android中弹出一个本机选择器组件。类似的效果:
但是对于链接库,默认情况下总是有一个文本输入字段,点击该字段会弹出选择器本机组件。但是在我的项目中,我不需要那个默认的文本输入字段,我有一个图标组件(认为它是本地自定义组件),我希望在单击/点击图标组件时具有相同的效果
有可能通过我链接的库实现它吗?我注意到库中有图标属性,但不清楚如何使用它,以及它是否是可以替换文本输入字段的属性。谁能帮我一下吗
这是我在库中尝
我正在通过构建一个共享骑乘应用程序来学习React Native。我有一个功能,允许用户过滤具有多个骑乘设施的平面列表组件,每个组件都有不同的相关项目,例如日期,乘客人数,成本,等等。。。和filteredDate,filteredpassanger,filteredCost是允许用户选择其希望的过滤方式的状态变量
我编写了过滤数据的函数,如下所示:
function filter() {
const newData1 = lists.filter(
it
我们在Android上的React原生应用程序从JSC切换到了Hermes
自发布该更改以来,我们收到了许多RangeError:调用堆栈大小超过了崩溃报告
从长远来看,我们应该修复这些递归调用,但目前:
JSC和Hermes之间的调用堆栈大小有差异吗
如果是:是否可以配置此调用堆栈大小
我知道V8的调用堆栈大小可以通过--stack\u size进行调整。爱马仕有类似的选择吗
在Hermes中,此配置选项位于React Native的Java API中。如果您想在不重新编译RN的情况下更
我使用的是React Native Expo,我试图从Fantasy API获取数据,但当我将获取的数据解析为JSON时,它会显示SyntaxError:JSON输入意外结束。这是我用于获取的代码:
fetch("https://fantasy.premierleague.com/api/bootstrap-static/", {
method: "GET",
headers: {
Accept: 'application/js
标签: React Native
react-native-iosreact-native-flatlistreact-native-stylesheet
我的公寓清单正在包装中,但我不想这样。这是否特定于数据类型
如果我使用flatlist,以下是相关代码:
<View>
<Text style={styles.statLabel}>
Habilidad(es)
</Text>
我正在处理一个平面列表,它有一个复杂的子元素,会导致昂贵的重新渲染,我需要优化它,但我无法使用useMemo停止重新渲染,请帮助我完成此操作
以下是我的列表代码:
<FlatList
data={thePosts}
extraData={thePosts}
keyExtractor={(item, index) => index.toString()}
removeCl
有人能帮我解决这个问题吗。按此键时,无法在平面列表渲染功能中工作。这是我的密码。我检查了其他触摸屏,触摸屏工作正常,但当我在Flatlist中尝试时,它不工作
render(){
return (
<View style={styles.container} >
<FlatList
data={this.
我不知道如何克隆一个应用程序以用作多个会话,例如,我有4个facebook帐户,如何为每个帐户创建4个facebook应用程序会话?我在考虑为每个会话创建一个应用程序文件夹(可能是obb或数据),但我不知道这是否正确
我最近在我的移动应用程序上启用了Hermes引擎,但在使用Chrome devtools进行调试时遇到了一些问题
我在Devtools中打开了一个工作区,但调试器不喜欢某些文件,我无法设置断点
我可以看到一些文件在图标中有一个绿点(然后我可以为这些文件设置断点)
但在我的示例中,search.js没有链接。
供参考:
my index.js仅包含到search.js的导出
devtools是使用chrome://inspect
index.js
import Search from './
在真实的iOS设备上运行和测试代码时,我对代码所做的更改不会突然反映出来。热重新加载不起作用,甚至终止并重新安装应用程序也不起作用。
我试过了
npx react-native bundle --entry-file index.js --platform ios --dev false --bundle-output ios/main.jsbundle --assets-dest ios/assets
我已经清理了XCode上的构建文件,并清理了派生数据文件夹。另外,我正在使用
react-
我尝试从asynchronestorage函数获取数据
_retrieveData = async () => {
var test = await AsyncStorage.getItem('myitem')
return test
}
_generateRandomCards() {
console.log(this._retrieveData())
}
但这一回报:
Promise {
"_U": 0
我正在尝试为React本机应用程序使用代理。是否有任何方法可以动态更改应用程序正在使用的代理?我希望生成产品不进行调试
1 2 3 4 5 6 ...
下一页 最后一页 共 349 页