<code>Please help me with this issue..there is issue with the retrive the image from mongo using node js and mongo
//import '../../../core/data/data_provider.dart';
import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import '../../../../../utility/app_data.dart';
import '../../../models/poster.dart';
class PosterTest extends StatelessWidget {
const PosterTest({super.key, });
@override
Widget build(BuildContext context) {
return SizedBox(
height: 170,
child: Consumer<DataProvider>(
builder: (_,dataProvider, child) {
return ListView.builder(
padding: const EdgeInsets.symmetric(vertical: 10),
shrinkWrap: true,
scrollDirection: Axis.vertical,
itemCount: dataProvider.posters.length,
itemBuilder: (_, index) {
return Padding(
padding: const EdgeInsets.only(right: 20),
child: Container(
width: 300,
decoration: BoxDecoration(
color: AppData.randomPosterBgColors[index],
borderRadius: BorderRadius.circular(15),
),
child: SizedBox(
height: 200,
width: 150,
child: Image.network(
'${dataProvider.posters[index].imageUrl}',
height: 125,
fit: BoxFit.cover,
)),
),
);
},
);
},
)
);
}
}
</code>
<code>Please help me with this issue..there is issue with the retrive the image from mongo using node js and mongo
//import '../../../core/data/data_provider.dart';
import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import '../../../../../utility/app_data.dart';
import '../../../models/poster.dart';
class PosterTest extends StatelessWidget {
const PosterTest({super.key, });
@override
Widget build(BuildContext context) {
return SizedBox(
height: 170,
child: Consumer<DataProvider>(
builder: (_,dataProvider, child) {
return ListView.builder(
padding: const EdgeInsets.symmetric(vertical: 10),
shrinkWrap: true,
scrollDirection: Axis.vertical,
itemCount: dataProvider.posters.length,
itemBuilder: (_, index) {
return Padding(
padding: const EdgeInsets.only(right: 20),
child: Container(
width: 300,
decoration: BoxDecoration(
color: AppData.randomPosterBgColors[index],
borderRadius: BorderRadius.circular(15),
),
child: SizedBox(
height: 200,
width: 150,
child: Image.network(
'${dataProvider.posters[index].imageUrl}',
height: 125,
fit: BoxFit.cover,
)),
),
);
},
);
},
)
);
}
}
</code>
Please help me with this issue..there is issue with the retrive the image from mongo using node js and mongo
//import '../../../core/data/data_provider.dart';
import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import '../../../../../utility/app_data.dart';
import '../../../models/poster.dart';
class PosterTest extends StatelessWidget {
const PosterTest({super.key, });
@override
Widget build(BuildContext context) {
return SizedBox(
height: 170,
child: Consumer<DataProvider>(
builder: (_,dataProvider, child) {
return ListView.builder(
padding: const EdgeInsets.symmetric(vertical: 10),
shrinkWrap: true,
scrollDirection: Axis.vertical,
itemCount: dataProvider.posters.length,
itemBuilder: (_, index) {
return Padding(
padding: const EdgeInsets.only(right: 20),
child: Container(
width: 300,
decoration: BoxDecoration(
color: AppData.randomPosterBgColors[index],
borderRadius: BorderRadius.circular(15),
),
child: SizedBox(
height: 200,
width: 150,
child: Image.network(
'${dataProvider.posters[index].imageUrl}',
height: 125,
fit: BoxFit.cover,
)),
),
);
},
);
},
)
);
}
}
Can anyone help to solve this issue? There is issue with the retrieve the image of mongo db with node js backend…
Can anyone help to solve this issue? There is issue with the retrieve the image of mongo db with node js backend…
Can anyone help to solve this issue? There is issue with the retrieve the image of mongo db with node js backend…
Can anyone help to solve this issue? There is issue with the retrieve the image of mongo db with node js backend…