Я создаю приложение Chatbot, и у меня есть проблема с ListView, когда я отправляю прокрутку списков сообщений только в определенную точку, но должен до конца. < /p>
import 'package:ai_language_learning_app/features/chat/domain/entities/chat_message_entity.dart';
import 'package:ai_language_learning_app/features/chat/presentation/cubits/chat_cubit.dart';
import 'package:ai_language_learning_app/features/chat/presentation/cubits/chat_state.dart';
import 'package:ai_language_learning_app/features/chat/presentation/widgets/app_bar.dart';
import 'package:ai_language_learning_app/features/chat/presentation/widgets/chat_text_field.dart';
import 'package:ai_language_learning_app/features/chat/presentation/widgets/message.dart';
import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
class ChatPage extends StatefulWidget {
const ChatPage({super.key});
@override
State createState() => _ChatPageState();
}
class _ChatPageState extends State {
final _userInputController = TextEditingController();
final _scrollController = ScrollController();
@override
void initState() async {
super.initState();
await context.read().fetchMessages();
}
@override
void dispose() {
_userInputController.dispose();
_scrollController.dispose();
super.dispose();
}
Future _sendMessage(ChatMessageEntity message) async {
await context.read().sendMessage(message);
}
Future _getAIAnswer(String prompt) async {
return await context.read().getAIAnswer(prompt);
}
void _scrollToBottom() {
_scrollController.jumpTo(
_scrollController.position.maxScrollExtent,
);
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: Aplicationbar(
title: Text('ChatBot'),
),
extendBody: true,
backgroundColor: Theme.of(context).colorScheme.surface,
resizeToAvoidBottomInset: true,
bottomNavigationBar: _buildBottomNavigationBar(),
body: _buildListView(),
);
}
_buildBottomNavigationBar() {
return Container(
padding: EdgeInsets.symmetric(horizontal: 8.0),
decoration: BoxDecoration(
color: Theme.of(context).colorScheme.primary,
borderRadius: BorderRadius.only(
topLeft: Radius.circular(40),
topRight: Radius.circular(40),
),
),
child: SafeArea(
child: ChatTextField(
controller: _userInputController,
sendMessageVoid: () async {
final prompt = _userInputController.text;
final userMessage = ChatMessageEntity(
content: prompt,
isUserMessage: true,
);
await _sendMessage(userMessage);
_userInputController.clear();
final answer = await _getAIAnswer(prompt);
await _sendMessage(answer);
_userInputController.clear();
},
),
),
);
}
_buildListView() {
return BlocBuilder(
builder: (context, state) {
if (state is DoneState) {
WidgetsBinding.instance
.addPostFrameCallback((_) => _scrollToBottom());
return ListView.builder(
controller: _scrollController,
itemCount: state.messageList.length,
itemBuilder: (context, index) => Message(
chatMessageEntity: ChatMessageEntity(
content: state.messageList[index].content,
isUserMessage: state.messageList[index].isUserMessage,
),
),
);
}
return SizedBox.shrink();
},
);
}
}
< /code>
Мне просто нужно прокрутить список, как пример Messenger, или что -то. Я попытался использовать _scrollcontroller.position.maxscrollextent + 500, но это, к сожалению, не было работой.
Подробнее здесь: https://stackoverflow.com/questions/794 ... -dont-know
ListView не прокручивается до конца, а только до определенного момента, и я не знаю, почему. разветвление ⇐ Android
Форум для тех, кто программирует под Android
1740630931
Гость
Я создаю приложение Chatbot, и у меня есть проблема с ListView, когда я отправляю прокрутку списков сообщений только в определенную точку, но должен до конца. < /p>
import 'package:ai_language_learning_app/features/chat/domain/entities/chat_message_entity.dart';
import 'package:ai_language_learning_app/features/chat/presentation/cubits/chat_cubit.dart';
import 'package:ai_language_learning_app/features/chat/presentation/cubits/chat_state.dart';
import 'package:ai_language_learning_app/features/chat/presentation/widgets/app_bar.dart';
import 'package:ai_language_learning_app/features/chat/presentation/widgets/chat_text_field.dart';
import 'package:ai_language_learning_app/features/chat/presentation/widgets/message.dart';
import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
class ChatPage extends StatefulWidget {
const ChatPage({super.key});
@override
State createState() => _ChatPageState();
}
class _ChatPageState extends State {
final _userInputController = TextEditingController();
final _scrollController = ScrollController();
@override
void initState() async {
super.initState();
await context.read().fetchMessages();
}
@override
void dispose() {
_userInputController.dispose();
_scrollController.dispose();
super.dispose();
}
Future _sendMessage(ChatMessageEntity message) async {
await context.read().sendMessage(message);
}
Future _getAIAnswer(String prompt) async {
return await context.read().getAIAnswer(prompt);
}
void _scrollToBottom() {
_scrollController.jumpTo(
_scrollController.position.maxScrollExtent,
);
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: Aplicationbar(
title: Text('ChatBot'),
),
extendBody: true,
backgroundColor: Theme.of(context).colorScheme.surface,
resizeToAvoidBottomInset: true,
bottomNavigationBar: _buildBottomNavigationBar(),
body: _buildListView(),
);
}
_buildBottomNavigationBar() {
return Container(
padding: EdgeInsets.symmetric(horizontal: 8.0),
decoration: BoxDecoration(
color: Theme.of(context).colorScheme.primary,
borderRadius: BorderRadius.only(
topLeft: Radius.circular(40),
topRight: Radius.circular(40),
),
),
child: SafeArea(
child: ChatTextField(
controller: _userInputController,
sendMessageVoid: () async {
final prompt = _userInputController.text;
final userMessage = ChatMessageEntity(
content: prompt,
isUserMessage: true,
);
await _sendMessage(userMessage);
_userInputController.clear();
final answer = await _getAIAnswer(prompt);
await _sendMessage(answer);
_userInputController.clear();
},
),
),
);
}
_buildListView() {
return BlocBuilder(
builder: (context, state) {
if (state is DoneState) {
WidgetsBinding.instance
.addPostFrameCallback((_) => _scrollToBottom());
return ListView.builder(
controller: _scrollController,
itemCount: state.messageList.length,
itemBuilder: (context, index) => Message(
chatMessageEntity: ChatMessageEntity(
content: state.messageList[index].content,
isUserMessage: state.messageList[index].isUserMessage,
),
),
);
}
return SizedBox.shrink();
},
);
}
}
< /code>
Мне просто нужно прокрутить список, как пример Messenger, или что -то. Я попытался использовать _scrollcontroller.position.maxscrollextent + 500, но это, к сожалению, не было работой.
Подробнее здесь: [url]https://stackoverflow.com/questions/79469330/listview-does-not-scroll-to-the-end-but-only-to-a-certain-point-and-i-dont-know[/url]
Ответить
1 сообщение
• Страница 1 из 1
Перейти
- Кемерово-IT
- ↳ Javascript
- ↳ C#
- ↳ JAVA
- ↳ Elasticsearch aggregation
- ↳ Python
- ↳ Php
- ↳ Android
- ↳ Html
- ↳ Jquery
- ↳ C++
- ↳ IOS
- ↳ CSS
- ↳ Excel
- ↳ Linux
- ↳ Apache
- ↳ MySql
- Детский мир
- Для души
- ↳ Музыкальные инструменты даром
- ↳ Печатная продукция даром
- Внешняя красота и здоровье
- ↳ Одежда и обувь для взрослых даром
- ↳ Товары для здоровья
- ↳ Физкультура и спорт
- Техника - даром!
- ↳ Автомобилистам
- ↳ Компьютерная техника
- ↳ Плиты: газовые и электрические
- ↳ Холодильники
- ↳ Стиральные машины
- ↳ Телевизоры
- ↳ Телефоны, смартфоны, плашеты
- ↳ Швейные машинки
- ↳ Прочая электроника и техника
- ↳ Фототехника
- Ремонт и интерьер
- ↳ Стройматериалы, инструмент
- ↳ Мебель и предметы интерьера даром
- ↳ Cантехника
- Другие темы
- ↳ Разное даром
- ↳ Давай меняться!
- ↳ Отдам\возьму за копеечку
- ↳ Работа и подработка в Кемерове
- ↳ Давай с тобой поговорим...
Мобильная версия