This commit is contained in:
xuhang-x 2024-07-23 16:41:58 +08:00
parent 42d5720b58
commit 6cf8ae4d44
5 changed files with 65 additions and 62 deletions

View File

@ -14,6 +14,7 @@ class CategoryView extends GetView<CategoryController> {
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
return Scaffold( return Scaffold(
backgroundColor: Colors.black,
body: Container( body: Container(
decoration: const BoxDecoration( decoration: const BoxDecoration(
image: DecorationImage( image: DecorationImage(

View File

@ -21,77 +21,75 @@ class HomeDrawerView extends StatelessWidget {
fit: BoxFit.cover, fit: BoxFit.cover,
), ),
), ),
child: Column( child: SafeArea(
crossAxisAlignment: CrossAxisAlignment.start, bottom: false,
children: <Widget>[ child: Column(
SizedBox(height: MediaQuery.of(context).padding.top + 15.w), children: <Widget>[
Container( Text(
margin: EdgeInsets.only(left: 16.w),
child: Text(
"Style classification", "Style classification",
style: TextStyle( style: TextStyle(
fontSize: 24.sp, fontSize: 24.sp,
fontWeight: FontWeight.w600, fontWeight: FontWeight.w600,
color: Colors.white), color: Colors.white),
), ),
), 10.verticalSpace,
10.verticalSpace, Expanded(
Expanded( child: MasonryGridView.count(
child: MasonryGridView.count( itemCount: controller.category.length,
itemCount: controller.category.length, crossAxisCount: 2,
crossAxisCount: 2, mainAxisSpacing: 10.w,
mainAxisSpacing: 10.w, crossAxisSpacing: 10.w,
crossAxisSpacing: 10.w, padding: EdgeInsets.fromLTRB(
padding: EdgeInsets.fromLTRB( 8,
8, 0,
0, 8,
8, MediaQuery.of(context).padding.bottom ,
MediaQuery.of(context).padding.bottom + 10, ).w,
).w, itemBuilder: (context, index) {
itemBuilder: (context, index) { return GestureDetector(
return GestureDetector( onTap: () =>
onTap: () => controller controller.toCategory(controller.category[index]),
.toCategory(controller.category[index]), child: Stack(
child: Stack( alignment: AlignmentDirectional.bottomStart,
alignment: AlignmentDirectional.bottomStart, children: [
children: [ Container(
Container( clipBehavior: Clip.hardEdge,
clipBehavior: Clip.hardEdge, decoration: BoxDecoration(
decoration: BoxDecoration( borderRadius: BorderRadius.circular(12.w),
borderRadius: BorderRadius.circular(12.w), ),
), child: Image.asset(
child: Image.asset( controller.categoryImages[index],
controller.categoryImages[index],
),
),
Container(
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(12.w),
color: Colors.black54,
),
padding: const EdgeInsets.symmetric(
horizontal: 9,
).w,
margin: const EdgeInsets.symmetric(
vertical: 9,
horizontal: 9,
).w,
child: Text(
controller.category[index],
style: TextStyle(
fontSize: 14.sp,
color: Colors.white,
fontWeight: FontWeight.w600,
), ),
), ),
), Container(
], decoration: BoxDecoration(
), borderRadius: BorderRadius.circular(12.w),
); color: Colors.black54,
}, ),
padding: const EdgeInsets.symmetric(
horizontal: 9,
).w,
margin: const EdgeInsets.symmetric(
vertical: 9,
horizontal: 9,
).w,
child: Text(
controller.category[index],
style: TextStyle(
fontSize: 14.sp,
color: Colors.white,
fontWeight: FontWeight.w600,
),
),
),
],
),
);
},
),
), ),
), ],
], ),
), ),
), ),
); );

View File

@ -21,6 +21,7 @@ class LibraryView extends GetView<LibraryController> {
), ),
), ),
child: SafeArea( child: SafeArea(
bottom: false,
child: Column( child: Column(
children: [ children: [
_buildTabBar(), _buildTabBar(),

View File

@ -72,6 +72,7 @@ class RecommendView extends GetView<RecommendController> {
}, },
), ),
SafeArea( SafeArea(
bottom: false,
child: Column( child: Column(
children: [ children: [
SearchAppbar( SearchAppbar(
@ -152,6 +153,7 @@ class RecommendView extends GetView<RecommendController> {
), ),
), ),
child: SafeArea( child: SafeArea(
bottom: false,
child: Column( child: Column(
children: [ children: [
SearchAppbar( SearchAppbar(

View File

@ -29,6 +29,7 @@ class SearchImageView extends GetView<SearchImageController> {
child: GetBuilder<SearchImageController>( child: GetBuilder<SearchImageController>(
builder: (controller) => Obx( builder: (controller) => Obx(
() => SafeArea( () => SafeArea(
bottom: false,
child: Column( child: Column(
crossAxisAlignment: CrossAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start,
children: [ children: [