Hasan/eatvio_app
1
0
Fork 0
forked from eatvio/eatvio_app
Code Pull Requests Activity

feat(chat): text field

Browse Source
This commit is contained in:
mso7nueh
2024-06-11 15:38:59 +03:00
parent 1d47e28202
commit 46d374d87e
4 changed files with 125 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
lib/presentation/chat/chat_screen/bloc/chat_state.dart
View File

@@ -14,6 +14,7 @@ class ChatState extends Equatable {
@override
List<Object?> get props => [chatModelObj];
ChatState copyWith({ChatModel? chatModelObj}) {
return ChatState(
chatModelObj: chatModelObj ?? this.chatModelObj,
@@ -29,8 +30,8 @@ class ChatLoadedState extends ChatState {
@override
List<Object?> get props => [chatModelObj, messages];
ChatLoadedState copyWith(
{ChatModel? chatModelObj, List<ChatMessageModel>? messages}) {
ChatLoadedState copyWith({ChatModel? chatModelObj, List<ChatMessageModel>? messages}) {
return ChatLoadedState(
chatModelObj: chatModelObj ?? this.chatModelObj,
messages: messages ?? this.messages,
@@ -48,6 +49,5 @@ class ChatErrorState extends ChatState {
}
class ChatInitialState extends ChatState {
ChatInitialState({required ChatModel chatModelObj})
: super(chatModelObj: chatModelObj);
ChatInitialState({required ChatModel chatModelObj}) : super(chatModelObj: chatModelObj);
}

115
lib/presentation/chat/chat_screen/chat_screen.dart
View File

@@ -13,10 +13,12 @@ class ChatScreen extends StatelessWidget {
static Widget builder(BuildContext context, chatID) {
return BlocProvider<ChatBloc>(
create: (context) => ChatBloc(
ChatState(chatModelObj: ChatModel(chatID: chatID.toString())))
..add(ChatInitialEvent()),
child: ChatScreen());
create: (context) => ChatBloc(ChatState(chatModelObj: ChatModel(chatID: chatID.toString())))
..add(
ChatInitialEvent(),
),
child: ChatScreen(),
);
}
Widget build(BuildContext context) {
@@ -24,7 +26,9 @@ class ChatScreen extends StatelessWidget {
builder: (context, state) {
if (state is ChatInitialState) {
return Scaffold(
body: Center(child: CircularProgressIndicator(),),
body: Center(
child: CircularProgressIndicator(),
),
);
} else if (state is ChatLoadedState) {
// Данные загружены, можно строить экран.
@@ -34,7 +38,9 @@ class ChatScreen extends StatelessWidget {
return Center(child: Text(state.errorMessage));
} else {
return Scaffold(
body: Center(child: CircularProgressIndicator(),),
body: Center(
child: CircularProgressIndicator(),
),
);
}
},
@@ -44,25 +50,98 @@ class ChatScreen extends StatelessWidget {
_buildChat(BuildContext context, ChatLoadedState state) {
mediaQueryData = MediaQuery.of(context);
return Scaffold(
resizeToAvoidBottomInset: false,
appBar: _buildAppbar(context),
resizeToAvoidBottomInset: true,
appBar: _buildAppbar(context, state),
body: SizedBox(
width: double.maxFinite,
child: Container(
width: double.maxFinite,
decoration: AppDecoration.fillGray,
child: ListView(
children: [
SizedBox(height: 30.v),
],
),
child: Column(
mainAxisSize: MainAxisSize.min,
children: [
Container(
width: double.maxFinite,
decoration: AppDecoration.fillGray,
child: ListView(
shrinkWrap: true,
children: [
for (int i = 0; i < state.messages!.length; i++) ...[Text(state.messages![i].data)]
],
),
),
const Spacer(),
Row(
crossAxisAlignment: CrossAxisAlignment.center,
children: [
SizedBox(width: 8),
InkWell(
onTap: () {},
borderRadius: BorderRadius.circular(16),
child: Ink(
height: 32,
width: 32,
child: Icon(
Icons.attach_file_rounded,
size: 28,
),
),
),
SizedBox(width: 8),
SizedBox(
width: mediaQueryData.size.width - 96,
child: TextFormField(
maxLines: 5,
minLines: 1,
keyboardType: TextInputType.multiline,
decoration: InputDecoration(
contentPadding: EdgeInsets.symmetric(horizontal: 8, vertical: 0),
hintText: 'Сообщение',
border: OutlineInputBorder(
borderRadius: BorderRadius.circular(16),
borderSide: BorderSide(
color: Color(0xFFD1D1D6),
width: 1,
),
),
enabledBorder: OutlineInputBorder(
borderRadius: BorderRadius.circular(16),
borderSide: BorderSide(
color: Color(0xFFD1D1D6),
width: 1,
),
),
focusedBorder: OutlineInputBorder(
borderRadius: BorderRadius.circular(16),
borderSide: BorderSide(
color: Color(0xFFD1D1D6),
width: 1,
),
),
),
),
),
SizedBox(width: 8),
InkWell(
borderRadius: BorderRadius.circular(16),
onTap: () {},
child: Ink(
height: 32,
width: 32,
child: Icon(
Icons.send,
size: 28,
),
),
),
SizedBox(width: 8),
],
),
],
),
),
);
}
/// Section Widget
_buildAppbar(BuildContext context) {
_buildAppbar(BuildContext context, ChatLoadedState state) {
return CustomAppBar(
leadingWidth: 26.h,
leading: AppbarLeadingImage(
@@ -87,7 +166,7 @@ class ChatScreen extends StatelessWidget {
crossAxisAlignment: CrossAxisAlignment.start,
children: [
AppbarSubtitle(
text: "Валерий Леонтьев",
text: 'username',
),
SizedBox(height: 3.v),
Text("Был в сети вчера", style: theme.textTheme.bodySmall!)