react-native相关内容

我如何在React Native中收听键盘输入

我有一个霍尼韦尔扫描仪,可以在扫描条形码时输出文本. 我可以将其用作文本输入的“键盘",这非常方便,因为我无需进行任何接口. 但这有一个缺点,那就是必须集中输入并显示移动设备的虚拟键盘,这对于我正在从事的项目是不可接受的. 有什么方法可以在不集中输入的情况下扫描值?我相信,侦听keyPress事件或类似事件将是解决问题的方法,将输入的值存储在textInput之外的其他变量中. 如果有 ..
发布时间:2020-04-26 08:30:14 其他开发

排毒:如何测试多行TextInput

我正在尝试使用排毒功能来测试我的本机应用程序中的表单. 表单中的输入之一为multiline={true}. 我正在尝试运行以下测试: const inputElement = element(by.id('input_multiline')); await expect(inputElement).toBeVisible(); await inputElement.typeTe ..
发布时间:2020-04-26 08:20:58 其他开发

当按下returnKeyType时,react-native调用onSubmit()

我是本机反应的新手. 我现在在键盘上苦苦挣扎.我有TextInput和一个按钮.我想要的是,当用户通过键盘输入输入时,他/她只需单击返回按钮就可以转到下一页.因此,我只想在用户单击键盘上的“返回"按钮时调用onSubmit方法. 有没有人可以帮助我? 解决方案 您可以使用TextInput 的onSubmitEditing回调 示例. ..
发布时间:2020-04-26 08:19:12 其他开发

响应本机Modal,避免在打开键盘时调整视图的大小(Android)

我正在使用一个本机反应模态,其中包含一个View. 该视图具有一些TextInput元素.当键盘弹出时,所有View元素都会折叠以适合剩余空间,但我根本不希望View发生更改. IOS不会不发生这种情况.而且,它不会不会在同一应用程序中的Android非模式视图中发生. 我在Android清单中设置了windowSoftInputMode ="adjustPan",但它似乎未应用于Mo ..
发布时间:2020-04-26 08:18:46 移动开发

如何在React Native中禁用键盘外观动画

当用户开始关注文本输入时.键盘将从底部移入.开始对焦时如何避免出现这种动画? 我刚刚阅读了TextInput,Keyboard的文档.但是文档中没有提及相关参数: https://facebook.github.io/react-native/docs/keyboard.html https://facebook.github.io/react-native/docs/texti ..
发布时间:2020-04-26 08:18:34 其他开发

当焦点移出/单击文本字段外的其他位置时,React-native关闭键盘

我是本机反应的新手.我有一个textfield(Input).我希望在用户单击除输入字段以外的其他位置时关闭键盘. 我尝试了此处建议的几种解决方案,例如TouchableWithoudFeedback,但是它们没有用. 另外,我不清楚这一点,我可以使用onFocus内部的任何函数,另一方面,在onBlur或onEndEditing中没有任何作用 这是我的输入组件代码. ..
发布时间:2020-04-26 08:18:20 其他开发

对于无状态前端客户端,此JWT逻辑的安全性如何?

对于这个问题,我认为我的确切设置是什么并不重要,但是我只是在我的React和React Native应用程序中注意到了这一点,突然意识到他们实际上并没有检查JWT的任何形式的有效性 这是代码: const tokenOnLoad = localStorage.getItem('token') if (tokenOnLoad) store.dispatch({ type: AUTH_U ..
发布时间:2020-04-25 08:11:14 前端开发

如何在React Native应用程序中确保客户端JSON Web令牌安全?

我们正在为iOS开发一个React Native应用,并且正在使用基于node + express + jsonwebtoken构建的内部API. 当用户使用用户名/密码登录时,服务器会验证这些凭据并将其发送回客户端JSON Web令牌,然后必须将其与每个API请求一起发送.因此,React本机应用程序必须存储此令牌. 如何在React本机应用程序中安全地存储此客户端令牌?除了将令牌存 ..
发布时间:2020-04-25 07:58:02 其他开发

如何使用Redux刷新JWT令牌?

我们的React Native Redux应用程序使用JWT令牌进行身份验证.有许多动作需要这样的令牌,并且许多令牌是同时分发的,例如应用加载时. 例如 componentDidMount() { dispath(loadProfile()); dispatch(loadAssets()); ... } loadProfile和loadAssets都需要JW ..
发布时间:2020-04-25 07:48:54 前端开发

React Native:带有JWPlayer的Native Android UI组件未显示视频图像

我已经为Android编写了一个本机UI组件,该组件主要由一个自定义视图(RelativeLayout)组成,该视图依次包含但是,当我旋转手机时,我也得到了视频图像,并且一切似乎都工作正常.我在Android项目中尝试了invalidate()和requestLayout()之类的东西,但没有任何改变.我还尝试在包含本机组件且仍然没有运气的RN组件中再次调用render()(通过更新其状态).我用 ..
发布时间:2020-04-25 07:45:43 移动开发

从本机中解析的对象数组渲染图像源

我正在构建一个React Native应用程序,该应用程序假定使用一些“元数据"对象作为源.我正在解析数组中的每个对象,并为每个item返回JSX布局.我唯一的问题是如何从图像中提供源,因为我已将它们存储在本地并且需要require("link").我的代码给我错误: function loadModuleImplementation(moduleId, module) { module ..
发布时间:2020-04-25 03:25:57 其他开发

为什么从其他文件导入组件会导致“不变违规:元素类型无效"?错误?

我在iOS Swift语言方面相当先进,但是在react native框架或javascript语言方面还是非常新的.我还尝试了几个小时的堆栈导航器指南,但找不到.我目前正在使用本教程来学习react native的基本知识堆栈导航,并希望将两个屏幕分成各自的文件.基本上,我想用它的AppDelegate.swift和View Controller的文件模仿Swift.但它会产生如下错误: ..
发布时间:2020-04-25 03:25:11 前端开发

在React Native中打开键盘时如何避免屏幕崩溃

在我的应用中,登录页面为登录屏幕.我已经使用native-base ui工具包完成了它.登录屏幕包含一个logo,下面将有两个输入字段,分别是用户名和密码以及登录按钮.问题是,每当我单击输入字段时,login form都会在徽标下折叠.我将为此共享相应的屏幕.我尝试了以下方法 AndroidManifest.xml中activity标记内的 android:windowSoftInputMod ..
发布时间:2020-04-25 03:24:20 移动开发

是否有用于React的从js到jsx的编译器?

是否有人知道将React/JS转换为React/JSX的编译器. 在工作中,我有一个任务来维护以老式javascript样式编写的react应用.最近,我开始学习和使用EcmaScript6,但是在工作中,这个旧的JS非常混乱.我该怎么办才能轻松理解以这种丑陋风格编写的该项目和代码库中发生了什么? 我们非常感谢您的帮助! 解决方案 一些谷歌搜索使我想到了 https://github ..
发布时间:2020-04-25 03:23:36 前端开发