В коде ниже, когда в списке больше элементов, чем можно поместиться на экране, когда клавиатура отклоняется от мерцания списка, появляется нервным. Я не смог найти решение. Я подозреваю, что проблема с ScollDid.import SwiftUI
class ChatManager: ObservableObject {
@Published var chatsCount = 0
@Published var chats: [Chat] = []
func append(_ chat: Chat) {
chats.append(chat)
chatsCount += 1
}
}
struct Chat: Identifiable {
let id: Int
let message: String
}
struct ChatsView: View {
@State private var scrolledID: Chat.ID?
@State private var oldChatsCount = 0
@State private var chats = [String]()
@StateObject private var chatManager = ChatManager()
var body: some View {
VStack {
ScrollView(.vertical, showsIndicators: false) {
LazyVStack(alignment: .leading) {
ForEach(chatManager.chats) { chat in
Text(chat.message)
}
}
.scrollTargetLayout()
}
.scrollTargetBehavior(.viewAligned)
.scrollPosition(id: $scrolledID)
.padding(.horizontal)
.onReceive(chatManager.$chatsCount) { chatsCount in
guard chatsCount != 0 else {
scrolledID = nil
return
}
if chatsCount > oldChatsCount {
oldChatsCount = chatsCount
withAnimation {
scrolledID = chatManager.chats[chatsCount - 1].id
}
}
}
Spacer()
MessageInputView(chatManager: chatManager)
}
}
}
struct MessageInputView: View {
@State var message: String = ""
@ObservedObject var chatManager: ChatManager
// initial height
@State private var height: CGFloat = 45
private var textEditorHeight: CGFloat {
let newlineLines = message.components(separatedBy: .newlines).count
let wrappedLines = Int(ceil(Double(message.count) / 40.0))
let totalLines = max(1, min(max(newlineLines, wrappedLines), 5))
return CGFloat(totalLines) * 22 + 14
}
private func dismissKeyboard() {
UIApplication.shared.sendAction(
#selector(UIResponder.resignFirstResponder),
to: nil, from: nil, for: nil
)
}
var body: some View {
HStack(alignment: .bottom) {
TextEditor(text: $message)
.padding(8)
.cornerRadius(10)
.scrollIndicators(.hidden)
.scrollDismissesKeyboard(.interactively)
.frame(height: textEditorHeight)
.overlay(
RoundedRectangle(cornerRadius: 8)
.stroke(Color(.systemGray4), lineWidth: 1)
)
Button {
let id = Int.random(in: 1...1000)
let chat = Chat(id: id, message: message)
chatManager.append(chat)
} label: {
Text("Send")
}
}
.gesture(
DragGesture().onChanged { _ in
dismissKeyboard()
}
)
}
}
Подробнее здесь: https://stackoverflow.com/questions/796 ... s-dimissed
Прокручиваемые элементы списка разлететь при увольнении клавиатуры ⇐ IOS
Программируем под IOS
-
Anonymous
1748244123
Anonymous
В коде ниже, когда в списке больше элементов, чем можно поместиться на экране, когда клавиатура отклоняется от мерцания списка, появляется нервным. Я не смог найти решение. Я подозреваю, что проблема с ScollDid.import SwiftUI
class ChatManager: ObservableObject {
@Published var chatsCount = 0
@Published var chats: [Chat] = []
func append(_ chat: Chat) {
chats.append(chat)
chatsCount += 1
}
}
struct Chat: Identifiable {
let id: Int
let message: String
}
struct ChatsView: View {
@State private var scrolledID: Chat.ID?
@State private var oldChatsCount = 0
@State private var chats = [String]()
@StateObject private var chatManager = ChatManager()
var body: some View {
VStack {
ScrollView(.vertical, showsIndicators: false) {
LazyVStack(alignment: .leading) {
ForEach(chatManager.chats) { chat in
Text(chat.message)
}
}
.scrollTargetLayout()
}
.scrollTargetBehavior(.viewAligned)
.scrollPosition(id: $scrolledID)
.padding(.horizontal)
.onReceive(chatManager.$chatsCount) { chatsCount in
guard chatsCount != 0 else {
scrolledID = nil
return
}
if chatsCount > oldChatsCount {
oldChatsCount = chatsCount
withAnimation {
scrolledID = chatManager.chats[chatsCount - 1].id
}
}
}
Spacer()
MessageInputView(chatManager: chatManager)
}
}
}
struct MessageInputView: View {
@State var message: String = ""
@ObservedObject var chatManager: ChatManager
// initial height
@State private var height: CGFloat = 45
private var textEditorHeight: CGFloat {
let newlineLines = message.components(separatedBy: .newlines).count
let wrappedLines = Int(ceil(Double(message.count) / 40.0))
let totalLines = max(1, min(max(newlineLines, wrappedLines), 5))
return CGFloat(totalLines) * 22 + 14
}
private func dismissKeyboard() {
UIApplication.shared.sendAction(
#selector(UIResponder.resignFirstResponder),
to: nil, from: nil, for: nil
)
}
var body: some View {
HStack(alignment: .bottom) {
TextEditor(text: $message)
.padding(8)
.cornerRadius(10)
.scrollIndicators(.hidden)
.scrollDismissesKeyboard(.interactively)
.frame(height: textEditorHeight)
.overlay(
RoundedRectangle(cornerRadius: 8)
.stroke(Color(.systemGray4), lineWidth: 1)
)
Button {
let id = Int.random(in: 1...1000)
let chat = Chat(id: id, message: message)
chatManager.append(chat)
} label: {
Text("Send")
}
}
.gesture(
DragGesture().onChanged { _ in
dismissKeyboard()
}
)
}
}
Подробнее здесь: [url]https://stackoverflow.com/questions/79637655/scrollable-list-items-flicker-when-keyboard-is-dimissed[/url]
Ответить
1 сообщение
• Страница 1 из 1
Перейти
- Кемерово-IT
- ↳ Javascript
- ↳ C#
- ↳ JAVA
- ↳ Elasticsearch aggregation
- ↳ Python
- ↳ Php
- ↳ Android
- ↳ Html
- ↳ Jquery
- ↳ C++
- ↳ IOS
- ↳ CSS
- ↳ Excel
- ↳ Linux
- ↳ Apache
- ↳ MySql
- Детский мир
- Для души
- ↳ Музыкальные инструменты даром
- ↳ Печатная продукция даром
- Внешняя красота и здоровье
- ↳ Одежда и обувь для взрослых даром
- ↳ Товары для здоровья
- ↳ Физкультура и спорт
- Техника - даром!
- ↳ Автомобилистам
- ↳ Компьютерная техника
- ↳ Плиты: газовые и электрические
- ↳ Холодильники
- ↳ Стиральные машины
- ↳ Телевизоры
- ↳ Телефоны, смартфоны, плашеты
- ↳ Швейные машинки
- ↳ Прочая электроника и техника
- ↳ Фототехника
- Ремонт и интерьер
- ↳ Стройматериалы, инструмент
- ↳ Мебель и предметы интерьера даром
- ↳ Cантехника
- Другие темы
- ↳ Разное даром
- ↳ Давай меняться!
- ↳ Отдам\возьму за копеечку
- ↳ Работа и подработка в Кемерове
- ↳ Давай с тобой поговорим...
Мобильная версия