react-native实现 TextInput 键盘显示搜索按钮并触发回调

news/2024/7/15 18:34:41 标签: react native, react.js, javascript

 

javascript"><TextInput returnKeyType="search"
        returnKeyLabel="搜索"
        onSubmitEditing={e => {
          toSearch(keyword);
        }} />
javascript">        <SearchBar
          ref={serachBarEl}
          placeholder="请输入"
          onChangeText={handleChangeSearch}
          value={search}
          onSubmitEditing={handleSearchBarSubmit}
          lightTheme={true}
          searchIcon={
            <Icon name="search" style={styles.mUserlistSearchBarIcon}></Icon>
          }
          clearIcon={
            <Icon
              name="delete"
              style={styles.mUserlistSearchBarIcon}
              onPress={handleSearchBarClear}
            ></Icon>
          }
          returnKeyType="search"
          returnKeyLabel="搜索"
          containerStyle={styles.mUserlistSearchBarContainerStyle}
          inputContainerStyle={styles.mUserlistSearchBarInputContainerStyle}
        />

https://www.reactnative.cn/docs/textinput#returnkeylabel

https://reactnativeelements.com/docs/components/searchbar


http://www.niftyadmin.cn/n/5014429.html

相关文章

微信小程序——数据绑定

在微信小程序中&#xff0c;可以通过以下代码实现数据绑定&#xff1a; 在WXML中&#xff0c;使用双大括号{{}}绑定数据&#xff0c;将数据渲染到对应的视图中。 <view>{{message}}</view>在JS中&#xff0c;定义一个数据对象&#xff0c;并将其绑定到页面的data…

LeetCode算法题:2. 两数相加

文章目录 题目描述&#xff1a;通过代码创建新一串新链表&#xff1a; 题目描述&#xff1a; 给你两个 非空 的链表&#xff0c;表示两个非负的整数。它们每位数字都是按照 逆序 的方式存储的&#xff0c;并且每个节点只能存储 一位 数字。 请你将两个数相加&#xff0c;并以…

SpringMVC_异常统一处理

3.全局统一异常处理 3.1目前存在问题 模拟后台出现服务器异常 GetMappingpublic ResultResp list(RequestParam(required false) String name){System.out.println(1/0);List<Item> ret service.lists(name);return ResultResp.success(retnull?Code.PAGE_FAIL:Code.…

LINUX 文件基本管理

一、文件类型和根目录结构 1、文件类型 可以通过 ls -l 或者 ll来查看文件类型 可以根据显示&#xff0c;查看第一个字符&#xff0c;就表示文件类型。 - 字符&#xff1a;普通文件&#xff0c;类似于Windows的记事本。 d 字符&#xff1a;目录文件&#xff0c;类似于Wind…

异步FIFO项目 UVM验证

文章目录 前言一、异步FIFO仿真过程1、异步FIFO设计2、UVM验证 二、脚本文件编写三、编译错误 前言 2022.11.15 记录自己开始使用UVM仿真异步FIFO项目 一、异步FIFO仿真过程 1、异步FIFO设计 首先对编写的异步FIFO设计代码进行验证&#xff0c;写了一个test.v文件 &#xff…

DS复杂度详解

前言 通过前几期的介绍&#xff0c;我们对C语言已经有了大体的认识。但可能在一些稍微复杂的问题处理方面处理的不是很好&#xff0c;例如对数据的插入、删除等操作该如何选择合适的方式进行&#xff0c;如何做才能效率高呢&#xff1f;我们目前好像没有考虑过&#xff01;从本…

代码随想录第43天|416. 分割等和子集,1049. 最后一块石头的重量 II, ​494.目标和,​ 474.一和零(一窍不通)

416. 分割等和子集 思路 本题是01背包的应用题 背包的体积为sum / 2背包要放入的商品&#xff08;集合里的元素&#xff09;重量为 元素的数值&#xff0c;价值也为元素的数值背包如果正好装满&#xff0c;说明找到了总和为 sum / 2 的子集。背包中每一个元素是不可重复放入…

MyBatis数据库操作

文章目录 前言一、MyBatis的各种查询功能1.查询一个实体类对象2.查询一个List集合3.查询单个数据4.查询一条数据为map集合5.查询多条数据为map集合方法一方法二 6.测试类 二、特殊SQL的执行1.模糊查询2.批量删除3.动态设置表名5.添加功能获取自增的主键6.测试类 三、自定义映射…