Swiftui scrollview поведение в Chatgpt, как пользовательский интерфейсIOS

Программируем под IOS
Ответить
Anonymous
 Swiftui scrollview поведение в Chatgpt, как пользовательский интерфейс

Сообщение Anonymous »

Я пытаюсь разобраться в чате популярных помощников в чате ИИ, таких как CHATGPT, Le CHAT или недоумение в iOS с Swiftui. Если уже есть активная пара вопросов и ответов, которая видно, что пара должна прокручивать вверх, чтобы появилась новая пара вопросов и ответов. Прокрутка вниз по -прежнему покажет все предыдущие пары. Отправка другого сообщения снова прокрутит все, так что видна только новая пара. Как только клавиатура появится, Scrollview будет прокручивать вниз. Но я хотел бы, чтобы ScrollView игнорировал клавиатуру, а не прокручивал вообще для изменения размера. Но я вроде как потерян в том, какие другие варианты я мог попробовать. Возможно, используя что -то вроде Swift Interspect для доступа к базовому uiscrollview, но я также не уверен в том, какие свойства для изменения там для решения этой проблемы. alt = "Проблема" src = "https://i.sstatic.net/pb8jnivf.gif"/>
код из видео:
struct DemoView: View {

struct Message: Identifiable {

let id: UUID
let content: String
}

@State private var messages: [Message] = []
@State private var scrollPosition: UUID?
@State private var message = ""

var body: some View {
NavigationStack {
VStack {
GeometryReader { geometryProxy in
let scrollViewHeight = geometryProxy.size.height

ScrollView {
VStack(alignment: .leading, spacing: 10) {
ForEach(messages) { message in
VStack {
VStack(alignment: .trailing) {
Text(message.content)
.multilineTextAlignment(.leading)
.padding(.bottom, 20)
.frame(maxWidth: .infinity, alignment: .trailing)
}

VStack(alignment: .leading) {
Text("Assistant reply")
.multilineTextAlignment(.leading)
.padding(.bottom, 20)
.frame(maxWidth: .infinity, alignment: .leading)
}
}
.frame(
minHeight: message.id == messages.last?.id ? scrollViewHeight : 0,
alignment: .top
)
}
}
.frame(maxWidth: .infinity)
.padding(.horizontal, 20)
.ignoresSafeArea(.keyboard, edges: .bottom)
}
.scrollPosition(id: $scrollPosition, anchor: .bottom)
}
.safeAreaInset(edge: .bottom) {
VStack {
TextField("Ask anything...", text: $message)
.multilineTextAlignment(.leading)
.font(.body)
.onSubmit {
guard !message.isEmpty else {
return
}

let id = UUID()

messages.append(Message(id: id, content: message))
message = ""

withAnimation {
scrollPosition = id
}
}
}
.contentShape(Rectangle())
.frame(maxWidth: .infinity)
.padding(16)
.background(.gray)
.clipShape(RoundedRectangle(cornerRadius: 16, style: .continuous))
}
}
.padding(16)
}
}
}


Подробнее здесь: https://stackoverflow.com/questions/797 ... pt-like-ui
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «IOS»