首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

onSubmitEditing在android React-native上不起作用

onSubmitEditing是React Native中的一个事件,用于处理文本输入框中的提交操作。当用户在文本输入框中按下软键盘上的提交按钮时,onSubmitEditing事件会被触发。

在Android平台上,有时候可能会遇到onSubmitEditing事件不起作用的情况。这可能是由于以下几个原因导致的:

  1. 键盘类型不正确:在Android上,只有在文本输入框的键盘类型设置为"numeric"或"default"时,才会触发onSubmitEditing事件。如果键盘类型设置为其他类型,如"email-address"或"phone-pad",则不会触发该事件。因此,确保你的文本输入框的键盘类型设置正确。
  2. 输入框没有设置returnKeyType属性:returnKeyType属性用于设置软键盘上的提交按钮的文本。如果你没有设置该属性,或者设置为其他值(如"done"或"go"),则可能导致onSubmitEditing事件不起作用。确保你的文本输入框设置了正确的returnKeyType属性,如"send"或"default"。
  3. 其他原因:如果以上两个原因都没有解决问题,那么可能是由于其他原因导致的。你可以尝试重新安装React Native的依赖包,或者查看相关的文档和社区讨论,以寻找解决方案。

总结起来,要解决onSubmitEditing在Android React Native上不起作用的问题,你可以检查以下几个方面:确保文本输入框的键盘类型设置正确,设置returnKeyType属性为"send"或"default",并尝试重新安装依赖包或查找相关解决方案。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

React-Native androidwindows下的踩坑记

官网上也提到node的最低版本要求 https://github.com/facebook/react-native 更新完node后 一切正常了,你可以浏览器里访问:http...platform=android 保留packager的dos窗口,新建另外一个dos窗口,切换至项目目录下:react-native run-android 报错了,你需要设置...platform=android,浏览器能正常访问但手机访问时packager的DOS窗口没有看到log输出,那么你可以尝试使用下面的命令: 参考网址:http://stackoverflow.com...DOS窗口,启动应用:react-native run-android ------- update by 2015/11/30 使用最新版本的react-native(0.15.0),因为之前本机已经成功运行过...platform=android 正常,我就纳闷了,折腾了好久:包含升级node.js版本为(结果发现没用),重新编译(react-native  run-android --refresh-dependencies

1.8K30

基础篇章:React Native 之 TextInput 的讲解

希望不要耽误已经会的同学的宝贵时间) 今天我们讲解的是React Native基础系列之TextInput的讲解,如果想学习更多的开发知识或者移动开发文章,欢迎大家关注我的微信公众号:非著名程序员(smart_android...它还有一个onSubmitEditing的属性,当文本输入完被提交的时候调用。...该字符串是通过把 arrayObject 的每个元素转换为字符串,然后把这些字符串连接起来,两个元素之间插入 separator 字符串而生成的。...相当于android中的hint,当有输入的内容时被清除。 placeholdertTextColor: 占位符文本颜色。 value: 文本输入框的默认值。...onSubmitEditing: 当结束编辑后,点击键盘的提交按钮出发该事件。但是当multiline={true}的时候,该属性就会失效。

2.5K70

Android 和 Hilt 中限定作用

当涉及到 DI (依赖项注入) 时,限定对象 A 的作用域为一个容器,则意味着该容器销毁之前始终提供相同的 A 实例。 Hilt 中,您可以通过注解将类型的作用域限定在某些容器或组件内。... Android 中,您不使用 DI 库也可以通过 Android Framework 来手动限定作用域。让我们看看如何手动限定作用域,以及如何改用 Hilt 来限定作用域。...最后,我们将比较使用 Android Framework 手动限定作用域和使用 Hilt 限定作用域的区别。... Android 中限定作用域 看了上文的定义,您可能会有这样的异议: 某个特定类中使用一个类型的实例变量也可以做到限定该变量类型的作用域。没错!...当然,当您需要限定作用域时,您可以使用 Hilt 中的作用域注解,也可以直接使用 Android Framework。

1.4K20

android的适配器作用,适配器Android中的作用是什么?

适配器Android中的作用是什么? 我想知道Android环境中何时,何地以及如何使用适配器。 来自Android开发者文档的信息对我来说不够,我希望得到更详细的分析。...success_anil answered 2019-06-30T01:11:30Z 27 votes 假设您要在Android应用中显示列表。为此,您将使用Android提供的Adapter。...移动充电的情况下,权力的来源可能不同,例如 从电源插座,插座或笔记本电脑充电。Android中使用的适配器也是如此。可以根据应用要求改变数据源。...列表视图中的典型行在左侧有一个图像,中间有两个文本行。 kamal patidar answered 2019-06-30T01:16:37Z 2 votes 什么是适配器?...如果想要显示某些信息的报告,可以使用此工具视图上显示数据。

1.6K40

android中适配器的作用,适配器模式 Android中的简单理解「建议收藏」

Android Android上提到适配器模式就会想到最常用的ListView和BaseAdapter 在这个功能的使用中,类似于适配器模式的对象适配器 例如在ListView中想用一个getView...,让他们都有一个方法来处理M方法的东西,再给A类用 类适配器: 设计一个接口I,让他也有M方法 然后设计一个B类,写好符合A类需求的specialM方法 然后让A类继承B类,并实现I接口的M方法 最后A...类的M方法中以super的方式调用B类的specialM方法 对象适配器:(更多是用对象适配器) 设计一个接口I,让他也有M方法 然后设计一个B类,写好符合A类需求的specialM方法 然后A类中声明一个...B类变量,并且A类实现I接口,那么A类也就有了M方法 最后A类的M方法中,如果需要,就可以选择调用B类的specialM方法 或者设计一个B类,实现I接口的M方法 然后A类中声明一个I类变量,再直接调用...I接口的M方法 调用A类的M方法之前,通过例如setAdapter(I Adapter)这样的方法,将B类设置成A类的成员变量 这样就保证了A类和I接口不变,适配不同情况的时候,写一个类似B类的中间类进行适配就可以了

70320

大型Bat面试知识总结分享—AMSAndroid起到什么作用?简单的分析下Android的源码

面试官: AMSAndroid起到什么作用,简单的分析下Android的源码 心理分析:这道题在发生在大多数场景下。面对这道题 很多求职很茫然,不知道该如何说起。...接下来我们从五条线分析AMS作用及机制 概述 相信大多数动脑同学对文章中提到的ActivityManagerService(以后简称AMS)都有所耳闻。...首先讨论了AMS直接创建目标进程并运行Activity的流程,其中涉及目标进程的创建,目标进程中Android运行环境的初始化,目标Activity的创建以及触发onCreate、onStart及onResume...SDK文档中,介绍最为详细的是第一阶段中系统的处理策略,例如启动模式、启动标志的作用等。第二阶段工作其实是与Android组件调度相关的工作。...Activity过程(startActivity)的源代码分析 Android系统新进程中启动自定义服务过程(startService)的原理分析 Android应用程序注册广播接收器(registerReceiver

3.9K31

React Native和Android整合详解

app module下的build.gradle文件的dependencies中添加React Native 依赖:compile “com.facebook.react:react-native...引入React Native 模块 项目根目录下输入如下的命令: npm install --save react react-native 执行完后我们发现项目多了一个node_modules文件,...这一命令的作用是将命令中url指向的.flowconfig文件下载到项目的根目录。...创建RN程序 根目录下创建index.android.js文件,如果你是直接用react-native init demo(项目名),也可以拷贝index.android.js,具体代码如下: 'use...第一,项目根目录下的gradle.properties文件最后加上这样一句: android.useDeprecatedNdk=true 第二、app module下的build.gradle文件中添加如下内容

1.5K50

React Native环境配置、初始化项目、打包安装到手机,以及开发小知识

1、前言 环境:Win10 + Android 已经Windows电脑上安装好 Node(v14+)、Git、Yarn、 JDK(v11) javac -version javac 11.0.15.1...软件 开发者选项配置修改,最终实现在电脑上可以投屏手机,并可以电脑上操控手机 7.2、打开 android studio 编辑器,运行项目 npm run android or ---------...---------- cd AwesomeProject yarn android # 或者 yarn react-native run-android 运行的时候会在手机上弹窗 “是否统一安装软件”之类的提示...adb kill-server adb start-server adb reverse tcp:8081 tcp:8081 作用 adb reverse tcp:8081 tcp:8081 这条命令的意思是...Android手机通过USB连接电脑后,终端直接执行adb reverse tcp:8081 tcp:8081,然后在手机中访问127.0.0.1:8081,就可以访问到电脑上启动的服务了。

2.3K20

【Hybrid开发高级系列】ReactNative(四) —— 基础开发技巧

另外还有一个名为onSubmitEditing的属性,会在文本被提交后(用户按下软键盘上的提交键)调用。        假如我们要实现当用户输入时,实时将其以单词为单位翻译为另一种文字。...1.11.2 访问控制台日志         在运行RN应用时,可以终端中运行如下命令来查看控制台的日志: $react-native log-ios $react-native log-android...1.11.3.3 Android上使用Stetho来调试         android/app/build.gradle文件中添加: compile 'com.facebook.stetho:stetho...run-android         打开一个新的Chrome选项卡,地址栏中输入chrome://inspect并回车。...2 参考链接 React Native之调用安卓原生控件 http://blog.csdn.net/jj120522/article/details/51968278 React-NativeAndroid

33420

新版React Native 混合开发(Android篇)

此教程适配了0.62.2及以上版本的react-native,为获取最新适配教程,可关注配套教程)。 混合开发的一些其他应用场景: 原有项目中加入RN页面,RN项目中加入原生页面 ?...start" } } 第二步:在为package.json添加react-native 该目录下执行: npm install --save react-native 执行完上述命令之后,你会看到如下警告...RNHybrid目录下创建一个index.js文件并添加如下代码: import { AppRegistry } from 'react-native'; import App from '....另外,通过react-native init命令初始化的一个项目中你会发现有个MainActivity是继承ReactActivity的,接下来我们就来继承ReactActivity来封装一个RN容器...onCreate() { super.onCreate(); SoLoader.init(this, /* native exopackage */ false); } } 上述代码的主要作用是为

6.4K30

React Native学习笔记(1) 环境配置,项目结构,开发环境结构

server react-native start 启动android react-native run-android 启动ios react-native run-ios 开发环境的组成 一个node.js...的开发服务器,开发阶段,我们的电脑上需要开启这个web服务,以使得模拟器中可以显示内容。...当我们更改了js源代码后,也能及时的模拟器里看到。 模拟器设备,就是我们开启的Android或者IOS虚拟机 jsBundle 开发者写的源代码打包而成,开发阶段更改js文件会自动更新到模拟器。...,可以用xcode打开 +node_modules ,是react-native工程用到的模块 index.android.js 是android的 页面的内容,主源代码文件 index.ios.js...: react-native start 启动服务 执行 react-native run-android 启动android ,稍等片刻就可以Android模拟器里看到页面了

1.1K00

现有Android项目引入ReactNative--九步大法

为什么写这篇文章,因为很多时候我们是需要在原Android工程中添加ReactNative,而不是直接react-native init hello来创建工程,而且官网的说明不是很详细,不是完全针对安卓的...第三步:添加react和react-native 模块: 根目录执行如下代码: npm install --save react react-native 效果如图: ?...第五步:添加ReactNative相关依赖: 1.app的build.gradle文件中添加react-native依赖库 compile "com.facebook.react:react-native...2.project的build.gradle文件中添加react-native路径 maven { // All of React Native (JS, Obj-C sources,...第六步:添加相关权限: AndroidManifest.xml中添加如下代码: <uses-permission android:name="android.permission.INTERNET"

1.1K20

扫码

添加站长 进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

    运营活动

    活动名称
    广告关闭
    领券