add structure
This commit is contained in:
165
lib/pages/do/photo_page.dart
Normal file
165
lib/pages/do/photo_page.dart
Normal file
@@ -0,0 +1,165 @@
|
||||
import 'dart:io';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:image_picker/image_picker.dart';
|
||||
import 'package:provider/provider.dart';
|
||||
import 'package:fcs/model/language_model.dart';
|
||||
import 'package:fcs/theme/theme.dart';
|
||||
import 'package:fcs/widget/localization/app_translations.dart';
|
||||
|
||||
import '../util.dart';
|
||||
|
||||
class PhotoPage extends StatefulWidget {
|
||||
PhotoPage({Key key}) : super(key: key);
|
||||
|
||||
@override
|
||||
_PhotoPageState createState() => _PhotoPageState();
|
||||
}
|
||||
|
||||
class _PhotoPageState extends State<PhotoPage> {
|
||||
File receiptImageFile;
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
var languageModel = Provider.of<LanguageModel>(context);
|
||||
|
||||
final receiptImageBox = Padding(
|
||||
padding: EdgeInsets.symmetric(vertical: 5.0),
|
||||
child: Container(
|
||||
color: Colors.grey[400],
|
||||
child: Column(
|
||||
children: <Widget>[
|
||||
Container(
|
||||
padding: EdgeInsets.only(top: 15),
|
||||
child: Text(
|
||||
AppTranslations.of(context).text('do.receipt'),
|
||||
style:
|
||||
languageModel.isEng ? photoLabelStyle : photoLabelStyleMM,
|
||||
),
|
||||
),
|
||||
Row(
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
children: <Widget>[
|
||||
ButtonTheme.bar(
|
||||
child: new ButtonBar(
|
||||
alignment: MainAxisAlignment.start,
|
||||
children: <Widget>[
|
||||
new FlatButton(
|
||||
child: Icon(
|
||||
Icons.add_photo_alternate,
|
||||
size: 60.0,
|
||||
color: Colors.black,
|
||||
),
|
||||
onPressed: () {
|
||||
pickImageFromGallery(ImageSource.gallery);
|
||||
},
|
||||
),
|
||||
],
|
||||
)),
|
||||
ButtonTheme.bar(
|
||||
child: new ButtonBar(
|
||||
alignment: MainAxisAlignment.start,
|
||||
children: <Widget>[
|
||||
new FlatButton(
|
||||
child: Icon(
|
||||
Icons.add_a_photo,
|
||||
size: 50.0,
|
||||
color: Colors.black,
|
||||
),
|
||||
onPressed: () {
|
||||
pickImageFromCamera(ImageSource.camera);
|
||||
},
|
||||
),
|
||||
],
|
||||
)),
|
||||
],
|
||||
),
|
||||
receiptShowImage(),
|
||||
SizedBox(
|
||||
height: 10,
|
||||
)
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
|
||||
return Scaffold(
|
||||
appBar: AppBar(
|
||||
backgroundColor: primaryColor,
|
||||
title: Text(AppTranslations.of(context).text("do.receipt.title"),
|
||||
style: Provider.of<LanguageModel>(context).isEng
|
||||
? TextStyle(fontSize: 18)
|
||||
: TextStyle(fontSize: 18, fontFamily: 'MyanmarUnicode')),
|
||||
actions: <Widget>[
|
||||
IconButton(
|
||||
icon: Icon(Icons.send),
|
||||
onPressed: () {
|
||||
if (receiptImageFile == null) {
|
||||
showMsgDialog(
|
||||
context, "Error", "Please insert delivery receipt file");
|
||||
return;
|
||||
}
|
||||
Navigator.pop(context, receiptImageFile);
|
||||
},
|
||||
)
|
||||
],
|
||||
),
|
||||
body: Column(
|
||||
children: <Widget>[
|
||||
Expanded(
|
||||
child: ListView(
|
||||
shrinkWrap: true,
|
||||
padding: EdgeInsets.only(left: 24.0, right: 24.0, top: 20),
|
||||
children: <Widget>[
|
||||
receiptImageBox,
|
||||
],
|
||||
),
|
||||
),
|
||||
SizedBox(
|
||||
height: 20,
|
||||
)
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget receiptShowImage() {
|
||||
return Container(
|
||||
child: receiptImageFile == null ? initialImage() : receiptEnableImage(),
|
||||
);
|
||||
}
|
||||
|
||||
Widget initialImage() {
|
||||
var languageModel = Provider.of<LanguageModel>(context);
|
||||
|
||||
return Center(
|
||||
child: Text(
|
||||
AppTranslations.of(context).text('do.no.photo'),
|
||||
style: languageModel.isEng ? photoLabelStyle : photoLabelStyleMM,
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget receiptEnableImage() {
|
||||
return Center(
|
||||
child: Image.file(
|
||||
receiptImageFile,
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
pickImageFromGallery(ImageSource source) async {
|
||||
var tempImage = await ImagePicker.pickImage(
|
||||
source: source, imageQuality: 80, maxWidth: 300);
|
||||
setState(() {
|
||||
receiptImageFile = tempImage;
|
||||
});
|
||||
}
|
||||
|
||||
pickImageFromCamera(ImageSource source) async {
|
||||
var tempImage = await ImagePicker.pickImage(
|
||||
source: source, imageQuality: 80, maxWidth: 300);
|
||||
setState(() {
|
||||
receiptImageFile = tempImage;
|
||||
});
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user