talksik/stream-chat-flutter
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

feat: Images and video are now dsplayed

Browse Source
This commit is contained in:
Deven Joshi
2020-11-05 19:15:19 +05:30
parent 44ab00e107
commit 0de05143f4
1 changed files with 83 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/src/message_input.dart
+83 -55
View File
@@ -176,7 +176,6 @@ class MessageInputState extends State<MessageInput> {
bool _sendAsDm = false; bool _sendAsDm = false;
bool _openFilePickerSection = false; bool _openFilePickerSection = false;
int _filePickerIndex = 0; int _filePickerIndex = 0;
Album _selectedAlbum;
/// The editing controller passed to the input TextField /// The editing controller passed to the input TextField
TextEditingController textEditingController; TextEditingController textEditingController;
@@ -598,59 +597,23 @@ class MessageInputState extends State<MessageInput> {
Widget _buildPickerSection() { Widget _buildPickerSection() {
switch (_filePickerIndex) { switch (_filePickerIndex) {
case 0: case 0:
if (_selectedAlbum != null) { return FutureBuilder<List<Medium>>(
return FutureBuilder<MediaPage>( future: _getAllMedia(MediumType.image),
future: _selectedAlbum.listMedia(), builder: (context, mediaData) {
builder: (context, snapshot) { if (!mediaData.hasData) {
if (!snapshot.hasData) {
return Center(
child: CircularProgressIndicator(),
);
}
return GridView.builder(
itemCount: snapshot.data.total,
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
crossAxisCount: 3),
itemBuilder: (context, position) {
return FutureBuilder<File>(
future: snapshot.data.items[position].getFile(),
builder: (context, snapshot) {
if (!snapshot.hasData) {
return Center(
child: CircularProgressIndicator(),
);
}
return InkWell(
onTap: () {
},
child: AspectRatio(
child: Image.file(snapshot.data),
aspectRatio: 1.0,
),
);
});
},
);
});
}
return FutureBuilder<List<Album>>(
future: PhotoGallery.listAlbums(mediumType: MediumType.image),
builder: (context, albumData) {
if (!albumData.hasData) {
return Center( return Center(
child: CircularProgressIndicator(), child: CircularProgressIndicator(),
); );
} }
return GridView.builder( return GridView.builder(
itemCount: albumData.data.length, itemCount: mediaData.data.length,
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount( gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
crossAxisCount: 3), crossAxisCount: 3),
itemBuilder: (context, position) { itemBuilder: (context, position) {
return FutureBuilder<List<int>>( return FutureBuilder<List<dynamic>>(
future: albumData.data[position].getThumbnail(), future: PhotoGallery.getThumbnail(
mediumId: mediaData.data[position].id),
builder: (context, snapshot) { builder: (context, snapshot) {
if (!snapshot.hasData) { if (!snapshot.hasData) {
return Center( return Center(
@@ -658,16 +621,22 @@ class MessageInputState extends State<MessageInput> {
); );
} }
return InkWell( return Padding(
child: AspectRatio( padding: const EdgeInsets.symmetric(
child: Image.memory(snapshot.data), horizontal: 1.0, vertical: 1.0),
aspectRatio: 1.0, child: InkWell(
child: AspectRatio(
child: Image.memory(
snapshot.data,
fit: mediaData.data[position].height >
mediaData.data[position].width
? BoxFit.fitWidth
: BoxFit.fitHeight,
),
aspectRatio: 1.0,
),
onTap: () {},
), ),
onTap: () {
setState(() {
_selectedAlbum = albumData.data[position];
});
},
); );
}); });
}, },
@@ -675,12 +644,71 @@ class MessageInputState extends State<MessageInput> {
}); });
break; break;
case 1: case 1:
return FutureBuilder<List<Medium>>(
future: _getAllMedia(MediumType.video),
builder: (context, mediaData) {
if (!mediaData.hasData) {
return Center(
child: CircularProgressIndicator(),
);
}
return GridView.builder(
itemCount: mediaData.data.length,
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
crossAxisCount: 3),
itemBuilder: (context, position) {
return FutureBuilder<List<dynamic>>(
future: PhotoGallery.getThumbnail(
mediumId: mediaData.data[position].id),
builder: (context, snapshot) {
if (!snapshot.hasData) {
return Center(
child: CircularProgressIndicator(),
);
}
return Padding(
padding: const EdgeInsets.symmetric(
horizontal: 1.0, vertical: 1.0),
child: InkWell(
child: AspectRatio(
child: Image.memory(
snapshot.data,
fit: mediaData.data[position].height >
mediaData.data[position].width
? BoxFit.fitWidth
: BoxFit.fitHeight,
),
aspectRatio: 1.0,
),
onTap: () {},
),
);
});
},
);
});
break; break;
case 2: case 2:
break; break;
} }
} }
Future<List<Medium>> _getAllMedia(MediumType type) async {
var allAlbums = await PhotoGallery.listAlbums(mediumType: type);
List<Medium> resultList = [];
for (var album in allAlbums) {
var data = await album.listMedia();
resultList.addAll(data.items);
}
resultList.sort((a, b) => a.modifiedDate.compareTo(b.modifiedDate));
return resultList;
}
OverlayEntry _buildMentionsOverlayEntry() { OverlayEntry _buildMentionsOverlayEntry() {
final splits = textEditingController.text final splits = textEditingController.text
.substring(0, textEditingController.value.selection.start) .substring(0, textEditingController.value.selection.start)