11 changed files with 424 additions and 105 deletions
@ -0,0 +1,181 @@ |
|||||||
|
import 'package:flutter/material.dart'; |
||||||
|
import 'package:flutter_screenutil/flutter_screenutil.dart'; |
||||||
|
import 'package:flutter_svg/flutter_svg.dart'; |
||||||
|
import 'package:huixiang/utils/flutter_utils.dart'; |
||||||
|
import 'package:huixiang/utils/font_weight.dart'; |
||||||
|
import 'package:huixiang/view_widget/icon_text.dart'; |
||||||
|
import 'package:huixiang/view_widget/round_button.dart'; |
||||||
|
|
||||||
|
class CommunityChildPage extends StatefulWidget { |
||||||
|
@override |
||||||
|
State<StatefulWidget> createState() { |
||||||
|
return _CommunityChildPage(); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
class _CommunityChildPage extends State<CommunityChildPage> { |
||||||
|
@override |
||||||
|
Widget build(BuildContext context) { |
||||||
|
return ListView.builder( |
||||||
|
itemBuilder: (context, position) { |
||||||
|
return dynamicItem(); |
||||||
|
}, |
||||||
|
itemCount: 13, |
||||||
|
); |
||||||
|
} |
||||||
|
|
||||||
|
int imageCount = 9; |
||||||
|
|
||||||
|
Widget dynamicItem() { |
||||||
|
return Container( |
||||||
|
margin: EdgeInsets.only(bottom: 16.h), |
||||||
|
padding: EdgeInsets.all(16), |
||||||
|
decoration: BoxDecoration( |
||||||
|
color: Colors.white, |
||||||
|
boxShadow: [ |
||||||
|
BoxShadow( |
||||||
|
color: Color(0x08000000), |
||||||
|
offset: Offset(0, 1), |
||||||
|
blurRadius: 8, |
||||||
|
spreadRadius: 0, |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
child: Column( |
||||||
|
mainAxisAlignment: MainAxisAlignment.center, |
||||||
|
crossAxisAlignment: CrossAxisAlignment.start, |
||||||
|
children: [ |
||||||
|
Row( |
||||||
|
mainAxisAlignment: MainAxisAlignment.spaceBetween, |
||||||
|
crossAxisAlignment: CrossAxisAlignment.center, |
||||||
|
children: [ |
||||||
|
Container( |
||||||
|
height: 44, |
||||||
|
child: Row( |
||||||
|
children: [ |
||||||
|
ClipRRect( |
||||||
|
child: Image.asset( |
||||||
|
"assets/image/default_user.png", |
||||||
|
width: 44, |
||||||
|
height: 44, |
||||||
|
), |
||||||
|
borderRadius: BorderRadius.circular(22), |
||||||
|
), |
||||||
|
SizedBox( |
||||||
|
width: 8, |
||||||
|
), |
||||||
|
Column( |
||||||
|
mainAxisAlignment: MainAxisAlignment.spaceEvenly, |
||||||
|
crossAxisAlignment: CrossAxisAlignment.start, |
||||||
|
children: [ |
||||||
|
Text( |
||||||
|
"百花谷", |
||||||
|
style: TextStyle( |
||||||
|
fontSize: 14.sp, |
||||||
|
fontWeight: MyFontWeight.medium, |
||||||
|
color: Color(0xFF1A1A1A), |
||||||
|
), |
||||||
|
), |
||||||
|
Text( |
||||||
|
"2021.04.12", |
||||||
|
style: TextStyle( |
||||||
|
fontSize: 12.sp, |
||||||
|
fontWeight: MyFontWeight.regular, |
||||||
|
color: Color(0xFF808080), |
||||||
|
), |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
), |
||||||
|
RoundButton( |
||||||
|
padding: EdgeInsets.symmetric( |
||||||
|
horizontal: 8, |
||||||
|
vertical: 3, |
||||||
|
), |
||||||
|
backgroup: Color(0xFF32A060), |
||||||
|
textColor: Colors.white, |
||||||
|
text: "关注", |
||||||
|
radius: 20, |
||||||
|
icons: SvgPicture.asset( |
||||||
|
"assets/svg/shequ_fabu.svg", |
||||||
|
fit: BoxFit.contain, |
||||||
|
color: Colors.white, |
||||||
|
width: 14, |
||||||
|
height: 14, |
||||||
|
), |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
SizedBox( |
||||||
|
height: 12.h, |
||||||
|
), |
||||||
|
Text( |
||||||
|
"文本，是指书面语言的表现形式，从文学角度说，通常是具有完整、系统含义（Message）的一个句子或多个句子的组说，通常是具有完整、系统含义（Message）的一个句子或多个句子的组或多个句子的组说。", |
||||||
|
maxLines: 5, |
||||||
|
overflow: TextOverflow.ellipsis, |
||||||
|
style: TextStyle( |
||||||
|
color: Color(0xFF1A1A1A), |
||||||
|
fontWeight: MyFontWeight.regular, |
||||||
|
fontSize: 14.sp, |
||||||
|
), |
||||||
|
), |
||||||
|
SizedBox( |
||||||
|
height: 16.h, |
||||||
|
), |
||||||
|
if (imageCount == 1) |
||||||
|
Container( |
||||||
|
width: MediaQuery.of(context).size.width / 2, |
||||||
|
height: MediaQuery.of(context).size.width, |
||||||
|
color: Colors.blue.withAlpha(123), |
||||||
|
) |
||||||
|
else |
||||||
|
GridView.builder( |
||||||
|
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount( |
||||||
|
crossAxisCount: (imageCount == 2 || imageCount == 4) ? 2 : 3, |
||||||
|
crossAxisSpacing: 12.w, |
||||||
|
mainAxisSpacing: 12.w, |
||||||
|
childAspectRatio: 1, |
||||||
|
), |
||||||
|
shrinkWrap: true, |
||||||
|
physics: NeverScrollableScrollPhysics(), |
||||||
|
itemBuilder: (context, position) { |
||||||
|
return Container( |
||||||
|
color: Colors.blue.withAlpha(123), |
||||||
|
); |
||||||
|
}, |
||||||
|
itemCount: imageCount, |
||||||
|
), |
||||||
|
SizedBox( |
||||||
|
height: 12.h, |
||||||
|
), |
||||||
|
Row( |
||||||
|
mainAxisAlignment: MainAxisAlignment.spaceBetween, |
||||||
|
crossAxisAlignment: CrossAxisAlignment.center, |
||||||
|
children: [ |
||||||
|
IconText( |
||||||
|
"58", |
||||||
|
space: 4.w, |
||||||
|
leftImage: "assets/svg/liulanliang.svg", |
||||||
|
iconSize: 16, |
||||||
|
), |
||||||
|
IconText( |
||||||
|
"58", |
||||||
|
space: 4.w, |
||||||
|
leftImage: "assets/svg/pinglun.svg", |
||||||
|
iconSize: 16, |
||||||
|
), |
||||||
|
IconText( |
||||||
|
"58", |
||||||
|
space: 4.w, |
||||||
|
leftImage: "assets/svg/xihuan.svg", |
||||||
|
iconSize: 16, |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
); |
||||||
|
} |
||||||
|
} |
||||||
@ -1,23 +1,90 @@ |
|||||||
|
|
||||||
|
|
||||||
|
|
||||||
import 'package:flutter/material.dart'; |
import 'package:flutter/material.dart'; |
||||||
|
import 'package:flutter_svg/flutter_svg.dart'; |
||||||
|
import 'package:huixiang/community/community_child_page.dart'; |
||||||
|
import 'package:huixiang/home/huixiang_brand_page.dart'; |
||||||
|
import 'package:huixiang/view_widget/my_appbar.dart'; |
||||||
|
import 'package:flutter_screenutil/flutter_screenutil.dart'; |
||||||
|
import 'package:huixiang/view_widget/my_tab.dart'; |
||||||
|
|
||||||
class CommunityPage extends StatefulWidget { |
class CommunityPage extends StatefulWidget { |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@override |
@override |
||||||
State<StatefulWidget> createState() { |
State<StatefulWidget> createState() { |
||||||
return _CommunityPage(); |
return _CommunityPage(); |
||||||
} |
} |
||||||
|
|
||||||
} |
} |
||||||
|
|
||||||
class _CommunityPage extends State<CommunityPage> { |
class _CommunityPage extends State<CommunityPage> with SingleTickerProviderStateMixin { |
||||||
|
TabController tabcontroller; |
||||||
|
|
||||||
|
List<String> lables = [ |
||||||
|
"关注", |
||||||
|
"推荐", |
||||||
|
"头条", |
||||||
|
"关于我们", |
||||||
|
// "课程", |
||||||
|
// "直播", |
||||||
|
]; |
||||||
|
|
||||||
@override |
@override |
||||||
Widget build(BuildContext context) { |
void initState() { |
||||||
return Scaffold(); |
super.initState(); |
||||||
|
|
||||||
|
if (tabcontroller == null) |
||||||
|
tabcontroller = TabController(length: lables.length, vsync: this); |
||||||
} |
} |
||||||
|
|
||||||
} |
@override |
||||||
|
Widget build(BuildContext context) { |
||||||
|
return Scaffold( |
||||||
|
appBar: MyAppBar( |
||||||
|
leading: false, |
||||||
|
titleChild: PreferredSize( |
||||||
|
preferredSize: Size( |
||||||
|
MediaQuery.of(context).size.width - 60, |
||||||
|
38.h, |
||||||
|
), |
||||||
|
child: TabBar( |
||||||
|
controller: tabcontroller, |
||||||
|
automaticIndicatorColorAdjustment: true, |
||||||
|
isScrollable: true, |
||||||
|
indicatorWeight: 2, |
||||||
|
indicatorColor: Color(0xFF39B54A), |
||||||
|
labelPadding: EdgeInsets.only(left: 8.w, right: 8.w), |
||||||
|
indicatorSize: TabBarIndicatorSize.label, |
||||||
|
unselectedLabelStyle: TextStyle( |
||||||
|
fontSize: 15.sp, |
||||||
|
fontWeight: FontWeight.w400, |
||||||
|
), |
||||||
|
labelStyle: TextStyle( |
||||||
|
color: Colors.black, |
||||||
|
fontSize: 18.sp, |
||||||
|
fontWeight: FontWeight.bold, |
||||||
|
), |
||||||
|
labelColor: Colors.black, |
||||||
|
tabs: lables.map((e) => MyTab(text: e)).toList(), |
||||||
|
), |
||||||
|
), |
||||||
|
action: SvgPicture.asset( |
||||||
|
"assets/svg/shequ_fabu.svg", |
||||||
|
fit: BoxFit.contain, |
||||||
|
width: 24, |
||||||
|
height: 24, |
||||||
|
), |
||||||
|
), |
||||||
|
body: Container( |
||||||
|
padding: EdgeInsets.only(bottom: 76.h), |
||||||
|
child: TabBarView( |
||||||
|
physics: BouncingScrollPhysics(), |
||||||
|
children: lables.map((e) { |
||||||
|
if (e == "关于我们") { |
||||||
|
return BrandPage(); |
||||||
|
} else { |
||||||
|
return CommunityChildPage(); |
||||||
|
} |
||||||
|
}).toList(), |
||||||
|
controller: tabcontroller, |
||||||
|
), |
||||||
|
), |
||||||
|
); |
||||||
|
} |
||||||
|
} |
||||||
|
|||||||
Loading…
Reference in new issue