键盘阻止Flatlist React Native

文章/答案/技术大牛

发布

1回答

react-native、keyboard、scrollview、react-native-android、react-native-flatlist

我有键盘阻止平面列表的问题。UI如下所示 <View> </View> Input Field...</View></View> 当我在输入字段中输入时，它将在Flatlist上显示自动补全结果。问题是有些结果被键盘阻塞了。你知道怎么解决这个问题吗？

浏览 15提问于2019-10-28得票数 0

4回答

我在FlatList里面有一个KeyboardAvoidingView。当显示键盘时，我想滚动到FlatList的末尾。我已经了解了onLayout事件的KeyboardAvoidingView，但是，只要设置onLayout事件来触发一个函数，就会阻止KeyboardAvoidingView在显示键盘时调整其大小。_scrollEnd}>import React from 'react'; import {Image, Linkin

浏览 3提问于2017-05-17得票数 42

回答已采纳

1回答

以相同的方向对嵌套在FlatList中的本地FlatList作出反应

react-native、react-native-ios、react-native-flatlist、react-native-scrollview

以相同的方向创建嵌套在FlatList内部的FlatList；这是我的密码： return <Viewkey={question.item.code} <FlatListcloseFunction={this.handleClose}></TopBar> <&#x

浏览 1提问于2018-04-05得票数 14

4回答

在React本机中取消键盘

javascript、reactjs、react-native、keyboard、touchableopacity

我的应用程序中有多个组件，我使用键盘获取用户输入。现在，每当用户按下文本输入字段外的键盘时，我都要关闭键盘。

浏览 6提问于2020-08-04得票数 2

2回答

React本机-重新激活的底页:可快照容器中的内容仅可在iOS上滚动

android、ios、reactjs、react-native、bottom-sheet

const bs = React.createRef(); <View style={styles.container}> <BottomSheet

浏览 2提问于2020-07-17得票数 1

1回答

在react本机项目中键盘打开ios系统时的文本框覆盖

ios、react-native、textbox、keyboard

当键盘在react native中打开ios系统时，文本框覆盖，但在android部分工作正常。

浏览 31提问于2021-09-09得票数 0

6回答

反应-本机: FlatList onRefresh没有被拉上来。

react-native、react-native-flatlist

StoryActions.setStories(res.data)) } return ( <FlatList

浏览 12提问于2017-06-27得票数 17

回答已采纳

3回答

FlatList中的TextInput在离开屏幕时失去焦点

react-native、react-native-android、android-softkeyboard、react-native-flatlist

当TextInput被聚焦时，用户滚动直到输入离开可见的框架，输入变得模糊，键盘消失。我该如何解决这个问题？我在Android模拟器中运行代码。在iOS上，这个问题不会发生。如果您尝试点击FlatList底部的TextInput，键盘会立即关闭，这可能是因为一旦键盘打开，输入内容就在键盘下方。任何线索都将不胜感激下面是要重现的代码 import React from 'react'; import { TextInput, FlatLis

浏览 37提问于2019-05-29得票数 12

2回答

React Native:我对这个React有一个问题

javascript、reactjs、react-native

检查'App‘的render方法，代码如下： import React from 'react';import { Flatlist} from 'react-native'; expor

浏览 26提问于2020-12-18得票数 2

回答已采纳

1回答

如何将引用传递给反应本机-还原组件？

javascript、reactjs、react-native、react-native-reanimated、react-native-reanimated-v2

这种方法对于来自react的普通FlatList很好，但是一旦我使用Animated.FlatList或Animated.createAnimatedComponent(FlatList)，它就不能工作了return ( <Child ref={flatListRef} /> ) const Child = React.forwardRef((prop

浏览 13提问于2022-03-29得票数 2

回答已采纳

1回答

scrollToIndex上的平面列表问题

javascript、react-native

对于scrollToIndex，如果我的元素在列表的底部，它会滚动到顶部，留出空白。有没有人要面对这个问题？ ? 

浏览 21提问于2019-02-08得票数 0

2回答

如何渲染FlatList中的共振与Axios反应？

react-native、axios

我使用Axios获取这个API，我面临一个问题，如何在Flatlist中呈现响应？import Axios from "axios";import { StyleSheet, Text, View } from "react-native"; import { FlatList } from "react-native-gest

浏览 3提问于2020-12-19得票数 0

回答已采纳

1回答

如何在react* native中自动滚动和自动加载平面列表*

react-native、react-native-android、react-native-flatlist、flatlist

我想要我的平面列表自动滚动和水平方向的循环，请帮助我提前谢谢 <FlatList timer}); // onScrollToIndexFailed={()=>{}} flatListRef={React.createRef

浏览 15提问于2020-12-10得票数 0

3回答

找不到变量FlatList或ListView

android、react-native

我试图在中创建一个列表，我有以下组件： return(<ListView></ListView>);} 然而，ListView没有被认可：Can't find variable: FlatList如果我将ListView改为

浏览 7提问于2017-09-29得票数 1

回答已采纳

1回答

如何在React-Native中创建水平循环视图？

javascript、reactjs、react-native

Recycle View 这就是我想让它看起来的样子，我试着使用react-native-recycler view-list，但它不起作用。我如何制作这样的列表？

浏览 33提问于2019-09-19得票数 0

4回答

如何在FlatList中使用KeyboardAvoidingView？

ios、react-native、react-native-flatlist

我有一个FlatList组件，每一行中都有一个输入。当我选择输入时，我希望它在键盘上方向上滚动。我的代码： <KeyboardAvoidingView behavior='padding' style={{ flex: 1 }} > style/>} /> </KeyboardAvoiding

浏览 10提问于2018-02-22得票数 26

2回答

SearchBar in FlatList在输入后失去焦点

javascript、react-native

问题是在输入一个字符后，搜索栏失去焦点(键盘被移除)--几乎就像组件重新呈现一样？我在这里错过了什么？import {FlatList, View} from 'react-native' import { ListItem, SearchBar }from 'rea

浏览 5提问于2020-03-10得票数 8

回答已采纳

3回答

FlatList参考问题

react-native、react-native-flatlist

我没有得到ref of flatlist总是得到 }; render() { <View style={styles.container}> <FlatList

浏览 4提问于2019-05-04得票数 1

2回答

ReferenceError找不到变量平面列表，元素类型无效

javascript、reactjs、react-native

import React, {useState} from 'react'; {/* add todo form */} <FlatList

浏览 13提问于2020-06-28得票数 0

回答已采纳

1回答

将{ AppRegistry }从“react本机”导入与从“react天生”导入AppRegistry之间的区别；

javascript、react-native、vue.js、ecmascript-6

有时，我们在es6中加载如下内容：但是，有时我们用花括号覆盖这个导入的对象，如请告诉我什么时候应该使用这个括号。

浏览 1提问于2019-05-20得票数 3

回答已采纳

点击加载更多