add bee divider add fixed add page update some pages fixed some issueshmxc
parent
4a25f07e8a
commit
9b1f35039c
@ -0,0 +1,211 @@
|
|||||||
|
import 'package:akuCommunity/base/base_style.dart';
|
||||||
|
import 'package:akuCommunity/provider/user_provider.dart';
|
||||||
|
import 'package:akuCommunity/widget/bee_divider.dart';
|
||||||
|
import 'package:akuCommunity/widget/bee_scaffold.dart';
|
||||||
|
import 'package:flutter/cupertino.dart';
|
||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:provider/provider.dart';
|
||||||
|
import 'package:flutter_screenutil/flutter_screenutil.dart';
|
||||||
|
import 'package:velocity_x/velocity_x.dart';
|
||||||
|
import 'package:akuCommunity/const/resource.dart';
|
||||||
|
import 'package:akuCommunity/extensions/widget_list_ext.dart';
|
||||||
|
|
||||||
|
class AddFixedSubmitPage extends StatefulWidget {
|
||||||
|
AddFixedSubmitPage({Key key}) : super(key: key);
|
||||||
|
|
||||||
|
@override
|
||||||
|
_AddFixedSubmitPageState createState() => _AddFixedSubmitPageState();
|
||||||
|
}
|
||||||
|
|
||||||
|
class _AddFixedSubmitPageState extends State<AddFixedSubmitPage> {
|
||||||
|
List<String> _buttons = ['公区保修', '家庭维修'];
|
||||||
|
int _groupValue;
|
||||||
|
Widget _buildHouseCard(
|
||||||
|
String title,
|
||||||
|
String detail,
|
||||||
|
) {
|
||||||
|
return Padding(
|
||||||
|
padding: EdgeInsets.all(32.w),
|
||||||
|
child: Column(
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
|
children: [
|
||||||
|
'报修房屋'.text.black.size(28.sp).make(),
|
||||||
|
32.w.heightBox,
|
||||||
|
GestureDetector(
|
||||||
|
onTap: () {},
|
||||||
|
child: Row(
|
||||||
|
children: [
|
||||||
|
Image.asset(
|
||||||
|
R.ASSETS_ICONS_HOUSE_PNG,
|
||||||
|
width: 60.w,
|
||||||
|
height: 60.w,
|
||||||
|
),
|
||||||
|
40.w.widthBox,
|
||||||
|
Expanded(
|
||||||
|
child: Column(
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
|
children: [
|
||||||
|
title.text.black.size(32.sp).bold.make(),
|
||||||
|
10.w.heightBox,
|
||||||
|
detail.text.black.size(32.sp).bold.make()
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
// Icon(
|
||||||
|
// CupertinoIcons.chevron_forward,
|
||||||
|
// size: 40.w,
|
||||||
|
// ),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
24.w.heightBox,
|
||||||
|
BeeDivider.horizontal(),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
Widget _selectButton(
|
||||||
|
String title,
|
||||||
|
int value,
|
||||||
|
) {
|
||||||
|
return FlatButton(
|
||||||
|
minWidth: 200.w,
|
||||||
|
height: 72.w,
|
||||||
|
onPressed: () {
|
||||||
|
setState(() {
|
||||||
|
_groupValue = value;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
child: title.text
|
||||||
|
.color(_groupValue == value ? ktextPrimary : ktextSubColor)
|
||||||
|
.size(32.sp)
|
||||||
|
.make(),
|
||||||
|
padding: EdgeInsets.symmetric(horizontal: 34.w, vertical: 14.w),
|
||||||
|
shape: RoundedRectangleBorder(
|
||||||
|
side: BorderSide(
|
||||||
|
color: _groupValue == value ? kPrimaryColor : ktextSubColor,
|
||||||
|
width: 3.w),
|
||||||
|
borderRadius: BorderRadius.circular(36.w)),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
Widget _selectType() {
|
||||||
|
return Padding(
|
||||||
|
padding: EdgeInsets.all(32.w),
|
||||||
|
child: Column(
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
|
children: [
|
||||||
|
'请选择服务类型'.text.black.size(28.sp).make(),
|
||||||
|
24.w.heightBox,
|
||||||
|
Row(
|
||||||
|
children: <Widget>[
|
||||||
|
...List.generate(_buttons.length,
|
||||||
|
(index) => _selectButton(_buttons[index], index)),
|
||||||
|
].sepWidget(separate: 20.w.widthBox),
|
||||||
|
),
|
||||||
|
16.w.heightBox,
|
||||||
|
],
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
Widget _buildReportCard() {
|
||||||
|
return Padding(
|
||||||
|
padding: EdgeInsets.all(32.w),
|
||||||
|
child: Column(
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
|
children: [
|
||||||
|
'请输入报修内容'.text.black.size(28.sp).make(),
|
||||||
|
24.w.heightBox,
|
||||||
|
Container(
|
||||||
|
padding: EdgeInsets.symmetric(horizontal: 24.w, vertical: 24.w),
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
borderRadius: BorderRadius.circular(8.w),
|
||||||
|
border: Border.all(color: Color(0xFFD4CFBE), width: 1.w)),
|
||||||
|
constraints: BoxConstraints(
|
||||||
|
minHeight: 304.w,
|
||||||
|
),
|
||||||
|
width: 686.w,
|
||||||
|
child: TextField(
|
||||||
|
maxLines: 10,
|
||||||
|
minLines: 5,
|
||||||
|
decoration: InputDecoration(
|
||||||
|
border: InputBorder.none,
|
||||||
|
hintText: '请简要描述一下你要告知我的事情，以便于我们更好的处理……',
|
||||||
|
hintStyle: TextStyle(color: ktextSubColor, fontSize: 28.sp),
|
||||||
|
contentPadding: EdgeInsets.zero,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
Widget _addImages() {
|
||||||
|
return Padding(
|
||||||
|
padding: EdgeInsets.all(32.w),
|
||||||
|
child: Column(
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
|
children: [
|
||||||
|
'添加图片信息(${0}/9)'.text.black.size(28.sp).make(),
|
||||||
|
24.w.heightBox,
|
||||||
|
Row(
|
||||||
|
children: [
|
||||||
|
InkWell(
|
||||||
|
onTap: () {},
|
||||||
|
child: Container(
|
||||||
|
alignment: Alignment.center,
|
||||||
|
width: 218.w,
|
||||||
|
height: 218.w,
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
borderRadius: BorderRadius.circular(8.w),
|
||||||
|
border: Border.all(color: Color(0xFF979797), width: 1.w),
|
||||||
|
),
|
||||||
|
child: '+'.text.black.size(100).bold.make(),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
UserProvider userProvider = Provider.of<UserProvider>(context);
|
||||||
|
return BeeScaffold(
|
||||||
|
title: '报事报修',
|
||||||
|
body: Column(
|
||||||
|
children: [
|
||||||
|
ListView(
|
||||||
|
children: [
|
||||||
|
_buildHouseCard(
|
||||||
|
kEstateName,
|
||||||
|
userProvider.userDetailModel.estateNames.isEmpty
|
||||||
|
? ''
|
||||||
|
: userProvider.userDetailModel.estateNames[0]),
|
||||||
|
_selectType(),
|
||||||
|
_buildReportCard(),
|
||||||
|
_addImages(),
|
||||||
|
],
|
||||||
|
).expand(),
|
||||||
|
MaterialButton(
|
||||||
|
minWidth: double.infinity,
|
||||||
|
height: 98.w,
|
||||||
|
onPressed: () {},
|
||||||
|
child: '确认提交'.text.black.bold.size(32.sp).make(),
|
||||||
|
color: kPrimaryColor,
|
||||||
|
elevation: 0,
|
||||||
|
)
|
||||||
|
.box
|
||||||
|
.padding(EdgeInsets.only(
|
||||||
|
bottom: MediaQuery.of(context).padding.bottom))
|
||||||
|
.make()
|
||||||
|
],
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -1,59 +0,0 @@
|
|||||||
import 'dart:math';
|
|
||||||
import 'package:flutter/material.dart';
|
|
||||||
import 'package:flutter/cupertino.dart';
|
|
||||||
import 'package:akuCommunity/utils/fade_route.dart';
|
|
||||||
import 'package:akuCommunity/widget/gallery_photo_view_wrapper.dart';
|
|
||||||
|
|
||||||
class ImageGrid extends StatelessWidget {
|
|
||||||
final List<String> imageUrl;
|
|
||||||
ImageGrid(this.imageUrl, {Key key}) : super(key: key);
|
|
||||||
|
|
||||||
final Random _random = new Random();
|
|
||||||
int next(int min, int max) => min + _random.nextInt(max - min);
|
|
||||||
List imageModel() {
|
|
||||||
List imgList = List();
|
|
||||||
for (int x = 0; x < imageUrl.length; x++) {
|
|
||||||
GalleryExampleItem item = GalleryExampleItem();
|
|
||||||
item.id = '${next(x + 100, x + 1000)}';
|
|
||||||
item.resource = imageUrl[x];
|
|
||||||
imgList.add(item);
|
|
||||||
}
|
|
||||||
|
|
||||||
return imgList;
|
|
||||||
}
|
|
||||||
|
|
||||||
@override
|
|
||||||
Widget build(BuildContext context) {
|
|
||||||
return Container(
|
|
||||||
child: GridView.builder(
|
|
||||||
shrinkWrap: true,
|
|
||||||
physics: NeverScrollableScrollPhysics(),
|
|
||||||
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
|
|
||||||
crossAxisCount: 4,
|
|
||||||
crossAxisSpacing: 5,
|
|
||||||
mainAxisSpacing: 5,
|
|
||||||
),
|
|
||||||
itemCount: imageUrl.length,
|
|
||||||
itemBuilder: (BuildContext context, int index) {
|
|
||||||
return AspectRatio(
|
|
||||||
aspectRatio: 1,
|
|
||||||
child: GalleryExampleItemThumbnail(
|
|
||||||
galleryExampleItem: imageModel()[index],
|
|
||||||
onTap: () {
|
|
||||||
Navigator.of(context).push(new FadeRoute(
|
|
||||||
page: GalleryPhotoViewWrapper(
|
|
||||||
galleryItems: imageModel(),
|
|
||||||
backgroundDecoration: const BoxDecoration(
|
|
||||||
color: Colors.black,
|
|
||||||
),
|
|
||||||
initialIndex: index,
|
|
||||||
),
|
|
||||||
));
|
|
||||||
},
|
|
||||||
),
|
|
||||||
);
|
|
||||||
},
|
|
||||||
),
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -0,0 +1,52 @@
|
|||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:flutter_screenutil/flutter_screenutil.dart';
|
||||||
|
|
||||||
|
class BeeDivider extends StatelessWidget {
|
||||||
|
final double thickness;
|
||||||
|
final double indent;
|
||||||
|
final double endIndent;
|
||||||
|
final Color color;
|
||||||
|
final bool isHorizontal;
|
||||||
|
BeeDivider(
|
||||||
|
{Key key,
|
||||||
|
this.thickness,
|
||||||
|
this.indent,
|
||||||
|
this.endIndent,
|
||||||
|
this.color,
|
||||||
|
this.isHorizontal})
|
||||||
|
: super(key: key);
|
||||||
|
BeeDivider.horizontal({
|
||||||
|
Key key,
|
||||||
|
}) : indent = 0,
|
||||||
|
endIndent = 0,
|
||||||
|
thickness = 1.w,
|
||||||
|
color = Color(0xFFE8E8E8),
|
||||||
|
isHorizontal = true,
|
||||||
|
super(key: key);
|
||||||
|
BeeDivider.vertical({
|
||||||
|
Key key,
|
||||||
|
}) : indent = 0,
|
||||||
|
endIndent = 0,
|
||||||
|
thickness = 1.w,
|
||||||
|
color = Color(0xFFE8E8E8),
|
||||||
|
isHorizontal = false,
|
||||||
|
super(key: key);
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return isHorizontal
|
||||||
|
? Divider(
|
||||||
|
height: 0,
|
||||||
|
thickness: this.thickness ?? 1.w,
|
||||||
|
indent: this.indent ?? 0,
|
||||||
|
endIndent: this.endIndent ?? 0,
|
||||||
|
color: this.color ?? Color(0xFFE8E8E8),
|
||||||
|
)
|
||||||
|
: VerticalDivider(
|
||||||
|
width: 0,
|
||||||
|
thickness: this.thickness ?? 1.w,
|
||||||
|
indent: this.indent ?? 0,
|
||||||
|
endIndent: this.endIndent ?? 0,
|
||||||
|
color: this.color ?? Color(0xFFE8E8E8),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -1,59 +0,0 @@
|
|||||||
import 'dart:math';
|
|
||||||
import 'package:flutter/material.dart';
|
|
||||||
import 'package:flutter/cupertino.dart';
|
|
||||||
import 'package:akuCommunity/utils/fade_route.dart';
|
|
||||||
import 'package:akuCommunity/widget/gallery_photo_view_wrapper.dart';
|
|
||||||
|
|
||||||
class ImageGrid extends StatelessWidget {
|
|
||||||
final List<String> imageUrl;
|
|
||||||
ImageGrid(this.imageUrl, {Key key}) : super(key: key);
|
|
||||||
|
|
||||||
final Random _random = new Random();
|
|
||||||
int next(int min, int max) => min + _random.nextInt(max - min);
|
|
||||||
List imageModel() {
|
|
||||||
List imgList = List();
|
|
||||||
for (int x = 0; x < imageUrl.length; x++) {
|
|
||||||
GalleryExampleItem item = GalleryExampleItem();
|
|
||||||
item.id = '${next(x + 100, x + 1000)}';
|
|
||||||
item.resource = imageUrl[x];
|
|
||||||
imgList.add(item);
|
|
||||||
}
|
|
||||||
|
|
||||||
return imgList;
|
|
||||||
}
|
|
||||||
|
|
||||||
@override
|
|
||||||
Widget build(BuildContext context) {
|
|
||||||
return Container(
|
|
||||||
child: GridView.builder(
|
|
||||||
shrinkWrap: true,
|
|
||||||
physics: NeverScrollableScrollPhysics(),
|
|
||||||
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
|
|
||||||
crossAxisCount: 4,
|
|
||||||
crossAxisSpacing: 5,
|
|
||||||
mainAxisSpacing: 5,
|
|
||||||
),
|
|
||||||
itemCount: imageUrl.length,
|
|
||||||
itemBuilder: (BuildContext context, int index) {
|
|
||||||
return AspectRatio(
|
|
||||||
aspectRatio: 1,
|
|
||||||
child: GalleryExampleItemThumbnail(
|
|
||||||
galleryExampleItem: imageModel()[index],
|
|
||||||
onTap: () {
|
|
||||||
Navigator.of(context).push(new FadeRoute(
|
|
||||||
page: GalleryPhotoViewWrapper(
|
|
||||||
galleryItems: imageModel(),
|
|
||||||
backgroundDecoration: const BoxDecoration(
|
|
||||||
color: Colors.black,
|
|
||||||
),
|
|
||||||
initialIndex: index,
|
|
||||||
),
|
|
||||||
));
|
|
||||||
},
|
|
||||||
),
|
|
||||||
);
|
|
||||||
},
|
|
||||||
),
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
Loading…
Reference in new issue