Я разрабатываю приложение для чата.
Если я не поворачиваю ScrollView SwiftUI, возникает проблема, когда он прокручивается до 0-го индекса при загрузке истории чата. Итак, я повернул ScrollView и добавил разделитель, чтобы сообщения чата располагались сверху.
Однако есть проблема.
Когда добавляется новое сообщение чата, оно автоматически прокручивается вниз. Мне нужно, чтобы он не прокручивался автоматически, если пользователь читает сообщение посередине.
Кто-нибудь знает, как этого добиться? Вот мой код.
Знаете ли вы, как программно включить или отключить прокрутку при использовании ScrollView?
struct ChatView: View {
@State private var items: [Color] = [.red, .green, .blue, .yellow, .orange]
@State private var scrollViewHeight: CGFloat = 0
@State private var contentHeight: CGFloat = 0
@State private var isScrolledToBottom: Bool = true
var body: some View {
VStack {
ScrollViewReader { proxy in
ScrollView {
Spacer()
.frame(height: scrollViewHeight - contentHeight)
LazyVStack(spacing: 10) {
ForEach(items.indices, id: \.self) { index in
Rectangle()
.frame(height: 50)
.foregroundStyle(items[index])
.rotationEffect(.degrees(180))
.scaleEffect(x: -1, y: 1, anchor: .center)
}
.rotationEffect(.degrees(180))
.scaleEffect(x: -1, y: 1, anchor: .center)
}
.overlay(
GeometryReader { geometry in
Color.clear.preference(key: ContentHeightKey.self, value: geometry.size.height)
}
)
.onPreferenceChange(ContentHeightKey.self) { height in
print("ContentHeight: \(height)")
contentHeight = height
}
}
.onChange(of: items) { _ in
}
.overlay(
GeometryReader { geometry in
Color.clear
.preference(key: ViewHeightKey.self, value: geometry.size.height)
}
.onPreferenceChange(ViewHeightKey.self) { height in
print("scrollViewHeight: \(height)")
scrollViewHeight = height
}
)
.rotationEffect(.degrees(180))
.scaleEffect(x: -1, y: 1, anchor: .center)
.onAppear {
proxy.scrollTo(items.last, anchor: .bottom)
}
.onReceive(NotificationCenter.default.publisher(for: UIResponder.keyboardWillShowNotification)) { _ in
withAnimation {
proxy.scrollTo(items.last, anchor: .bottom)
}
}
}
HStack {
Button(action: {
items.insert(.black, at: 0)
}, label: {
Text("addItem")
})
Button(action: {
items.append(contentsOf: Array(repeating: .red, count: 5))
}, label: {
Text("LoadPreView")
})
}
}
}
}
Подробнее здесь: https://stackoverflow.com/questions/786 ... otation-in
Использование ScrollView SwiftUI с вращением ⇐ IOS
Программируем под IOS
-
Anonymous
1719280775
Anonymous
Я разрабатываю приложение для чата.
Если я не поворачиваю ScrollView SwiftUI, возникает проблема, когда он прокручивается до 0-го индекса при загрузке истории чата. Итак, я повернул ScrollView и добавил разделитель, чтобы сообщения чата располагались сверху.
Однако есть проблема.
Когда добавляется новое сообщение чата, оно автоматически прокручивается вниз. Мне нужно, чтобы он не прокручивался автоматически, если пользователь читает сообщение посередине.
Кто-нибудь знает, как этого добиться? Вот мой код.
Знаете ли вы, как программно включить или отключить прокрутку при использовании ScrollView?
struct ChatView: View {
@State private var items: [Color] = [.red, .green, .blue, .yellow, .orange]
@State private var scrollViewHeight: CGFloat = 0
@State private var contentHeight: CGFloat = 0
@State private var isScrolledToBottom: Bool = true
var body: some View {
VStack {
ScrollViewReader { proxy in
ScrollView {
Spacer()
.frame(height: scrollViewHeight - contentHeight)
LazyVStack(spacing: 10) {
ForEach(items.indices, id: \.self) { index in
Rectangle()
.frame(height: 50)
.foregroundStyle(items[index])
.rotationEffect(.degrees(180))
.scaleEffect(x: -1, y: 1, anchor: .center)
}
.rotationEffect(.degrees(180))
.scaleEffect(x: -1, y: 1, anchor: .center)
}
.overlay(
GeometryReader { geometry in
Color.clear.preference(key: ContentHeightKey.self, value: geometry.size.height)
}
)
.onPreferenceChange(ContentHeightKey.self) { height in
print("ContentHeight: \(height)")
contentHeight = height
}
}
.onChange(of: items) { _ in
}
.overlay(
GeometryReader { geometry in
Color.clear
.preference(key: ViewHeightKey.self, value: geometry.size.height)
}
.onPreferenceChange(ViewHeightKey.self) { height in
print("scrollViewHeight: \(height)")
scrollViewHeight = height
}
)
.rotationEffect(.degrees(180))
.scaleEffect(x: -1, y: 1, anchor: .center)
.onAppear {
proxy.scrollTo(items.last, anchor: .bottom)
}
.onReceive(NotificationCenter.default.publisher(for: UIResponder.keyboardWillShowNotification)) { _ in
withAnimation {
proxy.scrollTo(items.last, anchor: .bottom)
}
}
}
HStack {
Button(action: {
items.insert(.black, at: 0)
}, label: {
Text("addItem")
})
Button(action: {
items.append(contentsOf: Array(repeating: .red, count: 5))
}, label: {
Text("LoadPreView")
})
}
}
}
}
Подробнее здесь: [url]https://stackoverflow.com/questions/78665120/using-swiftuis-scrollview-with-rotation-in[/url]
Ответить
1 сообщение
• Страница 1 из 1
Перейти
- Кемерово-IT
- ↳ Javascript
- ↳ C#
- ↳ JAVA
- ↳ Elasticsearch aggregation
- ↳ Python
- ↳ Php
- ↳ Android
- ↳ Html
- ↳ Jquery
- ↳ C++
- ↳ IOS
- ↳ CSS
- ↳ Excel
- ↳ Linux
- ↳ Apache
- ↳ MySql
- Детский мир
- Для души
- ↳ Музыкальные инструменты даром
- ↳ Печатная продукция даром
- Внешняя красота и здоровье
- ↳ Одежда и обувь для взрослых даром
- ↳ Товары для здоровья
- ↳ Физкультура и спорт
- Техника - даром!
- ↳ Автомобилистам
- ↳ Компьютерная техника
- ↳ Плиты: газовые и электрические
- ↳ Холодильники
- ↳ Стиральные машины
- ↳ Телевизоры
- ↳ Телефоны, смартфоны, плашеты
- ↳ Швейные машинки
- ↳ Прочая электроника и техника
- ↳ Фототехника
- Ремонт и интерьер
- ↳ Стройматериалы, инструмент
- ↳ Мебель и предметы интерьера даром
- ↳ Cантехника
- Другие темы
- ↳ Разное даром
- ↳ Давай меняться!
- ↳ Отдам\возьму за копеечку
- ↳ Работа и подработка в Кемерове
- ↳ Давай с тобой поговорим...
Мобильная версия