Я работаю над небольшим реактивным компонентом и столкнулся с этой проблемой, связанной с полем TextInput, которое используется с Flatlist. поэтому у меня в основном есть плоский список, который отображает список комментариев к сообщению, а внизу экрана у меня есть поле TextInput (его позиция является абсолютным), где пользователи могут комментировать сообщение. Проблема, с которой я столкнулся, заключается в том, что когда я пытаюсь ввести текст в поле ввода, клавиатура исчезает (или закрывается) после первого нажатия клавиши. Я не знаю, что вызывает эту проблему, даже после того, как попробовал множество возможных предложенных решений (например, ключ к рендерингу плоского списка не должен быть случайным и т. д.). Я поместил весь код ниже для справки. Я с нетерпением жду ваших предложений или рекомендаций о том, как решить эту проблему.
import { View, Text,TouchableOpacity,Image,SafeAreaView, FlatList, TextInput, KeyboardAvoidingView, TouchableWithoutFeedback } from 'react-native'
import React,{useState} from 'react'
import CommentDat from '../Src/CommentDat';
import Icon from 'react-native-vector-icons/Ionicons';
export default function Comment() {
const [txt,settxt] = useState("")
const [sndbtn,setsendbtn] = useState(false)
const FlatlistHeader=()=>{
return (
{CommentDat[0].postType}
{CommentDat[0].author}
address num.Views and times viewed
{CommentDat[0].title}
{CommentDat[0].context}
{/* here we show times viewed and stuff */}
share
comment
Interest
)
}
// const handleTxtChange = React.useCallback((text) => {
// settxt(text);
// }, []);
// const HanldeSendbtn =()=>{
// setsendbtn(true)
// }
const sndColor = txt?"red":"grey"
const CommentView = ({item,index}) => {
return (
{item.author}
{item.address} . {item.timePost}hrs. ago
{item.context}
like
comment
);
};
const FlastlistFooter =() =>{
return (
settxt(v)}
// onEndEditing={()=>onchange(txt)}
// onFocus={HanldeSendbtn}
/>
{sndbtn?{sndbtn?:null}:null}
)
}
return (
)
}
Подробнее здесь: https://stackoverflow.com/questions/760 ... act-native
Клавиатура исчезает (закрывается) после каждого нажатия клавиши в реакции-родной ⇐ Android
Форум для тех, кто программирует под Android
1733731486
Anonymous
Я работаю над небольшим реактивным компонентом и столкнулся с этой проблемой, связанной с полем TextInput, которое используется с Flatlist. поэтому у меня в основном есть плоский список, который отображает список комментариев к сообщению, а внизу экрана у меня есть поле TextInput (его позиция является абсолютным), где пользователи могут комментировать сообщение. Проблема, с которой я столкнулся, заключается в том, что когда я пытаюсь ввести текст в поле ввода, клавиатура исчезает (или закрывается) после первого нажатия клавиши. Я не знаю, что вызывает эту проблему, даже после того, как попробовал множество возможных предложенных решений (например, ключ к рендерингу плоского списка не должен быть случайным и т. д.). Я поместил весь код ниже для справки. Я с нетерпением жду ваших предложений или рекомендаций о том, как решить эту проблему.
import { View, Text,TouchableOpacity,Image,SafeAreaView, FlatList, TextInput, KeyboardAvoidingView, TouchableWithoutFeedback } from 'react-native'
import React,{useState} from 'react'
import CommentDat from '../Src/CommentDat';
import Icon from 'react-native-vector-icons/Ionicons';
export default function Comment() {
const [txt,settxt] = useState("")
const [sndbtn,setsendbtn] = useState(false)
const FlatlistHeader=()=>{
return (
{CommentDat[0].postType}
{CommentDat[0].author}
address num.Views and times viewed
{CommentDat[0].title}
{CommentDat[0].context}
{/* here we show times viewed and stuff */}
share
comment
Interest
)
}
// const handleTxtChange = React.useCallback((text) => {
// settxt(text);
// }, []);
// const HanldeSendbtn =()=>{
// setsendbtn(true)
// }
const sndColor = txt?"red":"grey"
const CommentView = ({item,index}) => {
return (
{item.author}
{item.address} . {item.timePost}hrs. ago
{item.context}
like
comment
);
};
const FlastlistFooter =() =>{
return (
settxt(v)}
// onEndEditing={()=>onchange(txt)}
// onFocus={HanldeSendbtn}
/>
{sndbtn?{sndbtn?:null}:null}
)
}
return (
)
}
Подробнее здесь: [url]https://stackoverflow.com/questions/76065979/keyboard-disappearingclosing-after-every-keystroke-in-react-native[/url]
Ответить
1 сообщение
• Страница 1 из 1
Перейти
- Кемерово-IT
- ↳ Javascript
- ↳ C#
- ↳ JAVA
- ↳ Elasticsearch aggregation
- ↳ Python
- ↳ Php
- ↳ Android
- ↳ Html
- ↳ Jquery
- ↳ C++
- ↳ IOS
- ↳ CSS
- ↳ Excel
- ↳ Linux
- ↳ Apache
- ↳ MySql
- Детский мир
- Для души
- ↳ Музыкальные инструменты даром
- ↳ Печатная продукция даром
- Внешняя красота и здоровье
- ↳ Одежда и обувь для взрослых даром
- ↳ Товары для здоровья
- ↳ Физкультура и спорт
- Техника - даром!
- ↳ Автомобилистам
- ↳ Компьютерная техника
- ↳ Плиты: газовые и электрические
- ↳ Холодильники
- ↳ Стиральные машины
- ↳ Телевизоры
- ↳ Телефоны, смартфоны, плашеты
- ↳ Швейные машинки
- ↳ Прочая электроника и техника
- ↳ Фототехника
- Ремонт и интерьер
- ↳ Стройматериалы, инструмент
- ↳ Мебель и предметы интерьера даром
- ↳ Cантехника
- Другие темы
- ↳ Разное даром
- ↳ Давай меняться!
- ↳ Отдам\возьму за копеечку
- ↳ Работа и подработка в Кемерове
- ↳ Давай с тобой поговорим...
Мобильная версия