我從 API 獲取資料并將其存盤在模型中并在 ProductCardList 資料中顯示，但它顯示范圍錯誤我不明白什么是范圍錯誤，而資料被正確接收但由于范圍錯誤而沒有顯示如果有人知道關于它，請提前告訴我謝謝
Expanded(
child: GridView.builder(
padding: EdgeInsets.symmetric(horizontal: isMobile(context)? 15.w:10.w, vertical: 8.h),
itemCount: campaignDetailsModel!.data!.products!.length,
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
crossAxisCount: isMobile(context)? 2:3,
childAspectRatio: .75,
mainAxisSpacing: isMobile(context)? 15:20,
crossAxisSpacing: isMobile(context)? 15:20,
),
itemBuilder: (context, index) {
// return Container(
// child: Expanded(
// child: Padding(
// padding: EdgeInsets.all(8.r),
// child: Column(
// children: [
// Text("${campaignDetailsModel!.data!.products!}"),
// ],
// )
// ),
// ),
// );
return ProductCardList(
dataModel: campaignDetailsModel!.data!.products!,
index: index,
);
},
),
),
// ProductCardList class
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:get/get.dart';
import 'package:ribbon_widget/ribbon_widget.dart';
import 'package:flutter/material.dart';
import 'package:yoori_ecommerce/src/utils/theme_manager.dart';
import '../_route/routes.dart';
import '../controllers/currency_converter_controller.dart';
import '../controllers/home_screen_controller.dart';
import '../utils/app_tags.dart';
import '../utils/app_theme_data.dart';
import '../utils/responsive.dart';
class ProductCardList extends StatefulWidget {
const ProductCardList({
Key? key,
required this.dataModel,
required this.index,
}) : super(key: key);
final dynamic dataModel;
final int index;
@override
State<ProductCardList> createState() => _ProductCardListState();
}
class _ProductCardListState extends State<ProductCardList> {
final currencyConverterController = Get.find<CurrencyConverterController>();
@override
Widget build(BuildContext context) {
final homeController = Get.put(HomeScreenController());
return Ribbon(
farLength: widget.dataModel[widget.index].isNew!
? isMobile(context)
? 20
: 30
: 1,
nearLength: widget.dataModel[widget.index].isNew!
? isMobile(context)
? 40
: 50
: 1,
title: widget.dataModel[widget.index].isNew! ? AppTags.neW.tr : "",
titleStyle: TextStyle(
fontSize: isMobile(context) ? 10.sp : 7.sp,
fontFamily: 'Poppins',
),
color: AppThemeData.productBannerColor,
location: RibbonLocation.topEnd,
child: Container(
height: 230.h,
width: isMobile(context) ? 165.w : 125.w,
decoration: BoxDecoration(
color: ThemeController.isDark!
? AppThemeData.darkThemeColor
: Colors.white,
borderRadius: BorderRadius.all(Radius.circular(7.r)),
boxShadow: [
BoxShadow(
color: AppThemeData.boxShadowColor.withOpacity(0.1),
spreadRadius: 0,
blurRadius: 20.r,
offset: const Offset(0, 10), // changes position of shadow
),
],
),
child: InkWell(
onTap: () {
Get.toNamed(
Routes.detailsPage,
parameters: {
'productId': widget.dataModel[widget.index].id!.toString(),
},
);
},
child: Column(
children: [
Padding(
padding: EdgeInsets.all(5.r),
child: Row(
mainAxisAlignment: MainAxisAlignment.start,
children: [
Row(
children: [
widget.dataModel[widget.index].specialDiscountType == 'flat'
? double.parse(widget.dataModel[widget.index].specialDiscount) ==
0.000
? const SizedBox()
: Container(
height: 20.h,
decoration: BoxDecoration(
color: AppThemeData
.productBoxDecorationColor
.withOpacity(0.06),
borderRadius: BorderRadius.all(
Radius.circular(3.r),
),
),
child: Center(
child: Text(
"${currencyConverterController.convertCurrency(widget.dataModel[widget.index].specialDiscount)} OFF",
style: isMobile(context)
? AppThemeData.todayDealNewStyle
: AppThemeData.todayDealNewStyleTab,
),
),
)
: widget.dataModel[widget.index].specialDiscountType ==
'percentage'
? double.parse(
widget.dataModel[widget.index].specialDiscount) ==
0.000
? const SizedBox()
: Container(
height: 20.h,
decoration: BoxDecoration(
color: AppThemeData
.productBoxDecorationColor
.withOpacity(0.06),
borderRadius: BorderRadius.all(
Radius.circular(3.r),
),
),
child: Center(
child: Text(
"${homeController.removeTrailingZeros(widget.dataModel[widget.index].specialDiscount)}% OFF",
textAlign: TextAlign.center,
style: isMobile(context)
? AppThemeData.todayDealNewStyle
: AppThemeData
.todayDealNewStyleTab,
),
),
)
: Container(),
],
),
double.parse(widget.dataModel[widget.index].specialDiscount) == 0.000
? const SizedBox()
: SizedBox(width: 5.w),
widget.dataModel[widget.index].currentStock == 0
? Container(
height: 20.h,
decoration: BoxDecoration(
color: AppThemeData.productBoxDecorationColor
.withOpacity(0.06),
borderRadius:
BorderRadius.all(Radius.circular(3.r)),
),
child: Center(
child: Text(
AppTags.stockOut.tr,
style: isMobile(context)
? AppThemeData.todayDealNewStyle
: AppThemeData.todayDealNewStyleTab,
),
),
)
: const SizedBox(),
],
),
),
SizedBox(
height: 18.h,
),
Expanded(
child: Padding(
padding: EdgeInsets.all(8.r),
child: Image.network(
widget.dataModel[widget.index].image!,
fit: BoxFit.cover,
),
),
),
SizedBox(height: 14.h),
Padding(
padding: EdgeInsets.symmetric(horizontal: 7.w),
child: Text(
widget.dataModel[widget.index].title!,
maxLines: 1,
textAlign: TextAlign.center,
style: isMobile(context)
? AppThemeData.todayDealTitleStyle
: AppThemeData.todayDealTitleStyleTab,
),
),
SizedBox(height: 5.h),
Padding(
padding: EdgeInsets.symmetric(
horizontal: isMobile(context) ? 18.w : 10.w),
child: Center(
child: double.parse(widget.dataModel[widget.index].specialDiscount) == 0.000
? Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Text(
currencyConverterController
.convertCurrency(widget.dataModel[widget.index].price!),
style: isMobile(context)
? AppThemeData.todayDealDiscountPriceStyle
: AppThemeData.todayDealDiscountPriceStyleTab,
),
],
)
: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Text(
currencyConverterController
.convertCurrency(widget.dataModel[widget.index].price!),
style: isMobile(context)
? AppThemeData.todayDealOriginalPriceStyle
: AppThemeData.todayDealOriginalPriceStyleTab,
),
Text(
currencyConverterController.convertCurrency(
widget.dataModel[widget.index].discountPrice!),
style: isMobile(context)
? AppThemeData.todayDealDiscountPriceStyle
: AppThemeData.todayDealDiscountPriceStyleTab,
),
],
),
),
),
SizedBox(
height: 5.h,
),
],
),
),
),
);
}
}
uj5u.com熱心網友回復：
問題在于您的貨幣計算器，您得到的價格范圍的無效值正在生成空值，并且索引無法加載該空值。此問題已解決
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/519578.html