我一直在为我的应用程序编写ui,在调试模式下构建时还可以。但当我构建发布apk时,UI变得模糊,文本没有显示。小部件的渲染不符合预期,它们的大小也不正确。我在不同的手机上检查过,但结果都是一样的。是我的代码有问题还是flutter的内部bug?有人见过这个吗?
It's in release apk
It's in debug apk
import 'package:cached_network_image/cached_network_image.dart';
import 'package:carousel_slider/carousel_slider.dart';
import 'package:flutter/material.dart';
import 'package:flutter_gen/gen_l10n/app_localizations.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:go_router/go_router.dart';
import 'package:provider/provider.dart';
import 'package:rx_shared_preferences/rx_shared_preferences.dart';
@override
Widget build(BuildContext context) {
return ListView(
children: [
const SizedBox(height: 12.0),
StreamBuilder(
stream: rxPrefs.getStringStream('firstName'),
builder: (context, snapshot) => Padding(
padding: EdgeInsets.symmetric(horizontal: 16.w, vertical: 12.h),
child: Text(
'${AppLocalizations.of(context)!.hello} ${snapshot.data ?? ''}',
style: AppTextStyles.headline,
),
),
),
Padding(
padding: EdgeInsets.symmetric(horizontal: 14.w, vertical: 12.h),
child: GestureDetector(
onTap: () => context.push(SearchPage.route),
child: Card(
child: Padding(
padding: const EdgeInsets.all(12.0),
child: Row(
children: [
const Icon(Icons.search),
const SizedBox(width: 12.0),
Text(
AppLocalizations.of(context)!.search,
style: AppTextStyles.title0,
),
],
),
),
),
),
),
FutureBuilder(
future: ApiService.getInstance().getPromos(),
builder: (context, snapshot) {
if (snapshot.hasData) {
List<Promo> promos = snapshot.data as List<Promo>;
return Padding(
padding: EdgeInsets.symmetric(horizontal: 18.w, vertical: 12.h),
child: CarouselSlider.builder(
options: CarouselOptions(
enlargeCenterPage: true,
enableInfiniteScroll: true,
height: widget.mediaQuery.size.height * .25,
viewportFraction: 1,
),
itemCount: promos.length,
itemBuilder: (BuildContext context, int index, int realIndex) => Container(
decoration: BoxDecoration(borderRadius: BorderRadius.circular(10.0)),
clipBehavior: Clip.hardEdge,
height: widget.mediaQuery.size.height * .25,
width: widget.mediaQuery.size.width,
child: CachedNetworkImage(
imageUrl: promos[index].image,
fit: BoxFit.fitWidth,
),
),
),
);
}
return Container(
padding: EdgeInsets.symmetric(horizontal: 18.w, vertical: 12.h),
decoration: BoxDecoration(borderRadius: BorderRadius.circular(10.0)),
clipBehavior: Clip.hardEdge,
height: widget.mediaQuery.size.height * .25,
width: widget.mediaQuery.size.width,
// alignment: Alignment.center,
child: const Card(child: Center(child: CircularProgressIndicator())),
);
}),
Padding(
padding: EdgeInsets.symmetric(horizontal: 18.w, vertical: 12.h),
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Text(
AppLocalizations.of(context)!.categories,
style: AppTextStyles.title0,
),
GestureDetector(
onTap: () => context.push(CategoriesPage.route),
child: Text(
AppLocalizations.of(context)!.seeAll,
style: AppTextStyles.title0.copyWith(color: AppColors.grey),
),
),
],
),
),
Consumer<CategoryBloc>(
builder: (context, bloc, child) => SizedBox(
height: widget.mediaQuery.size.height * .2,
child: ListView.builder(
padding: EdgeInsets.only(left: 18.w),
itemCount: bloc.categories.length,
scrollDirection: Axis.horizontal,
itemBuilder: (context, index) => CategoryCard(category: bloc.categories[index]),
),
),
),
Padding(
padding: EdgeInsets.symmetric(horizontal: 18.w, vertical: 12.h),
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Text(
AppLocalizations.of(context)!.popular,
style: AppTextStyles.title0,
),
GestureDetector(
onTap: () => context.push(ProductsPage.route),
child: Text(
AppLocalizations.of(context)!.seeAll,
style: AppTextStyles.title0.copyWith(color: AppColors.grey),
),
),
],
),
),
Consumer<ProductBloc>(
builder: (context, bloc, child) =>
Column(children: bloc.products.take(4).map((e) => ProductWidget(product: e)).toList())),
const SizedBox(height: 16.0),
],
);
}```
2条答案
按热度按时间2nc8po8w1#
我找到了解决方案,由于基于类的小部件的
const
构造函数,小部件无法呈现。要解决这个问题,有两种方法,第一种是在widget构造函数和用法之前删除const
,第二种是删除screen_util
或其他动态生成值的包。这里是我找到原始解https://github.com/OpenFlutter/flutter_screenutil/issues/341,https://github.com/OpenFlutter/flutter_screenutil/issues/350的链接。8fq7wneg2#
对我来说,可以继续使用
const
,但需要等待main()
中的preferredOrientations,如下所示: