added save image and more feature
This commit is contained in:
kicap1992
@ -1,103 +0,0 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_hooks/flutter_hooks.dart';
|
||||
|
||||
class BinatangPage extends HookWidget {
|
||||
const BinatangPage({Key? key}) : super(key: key);
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Scaffold(
|
||||
appBar: AppBar(
|
||||
title: const Text('Binatang'),
|
||||
),
|
||||
body: Stack(
|
||||
fit: StackFit.expand,
|
||||
children: [
|
||||
Image.asset(
|
||||
"assets/bg.jpg",
|
||||
fit: BoxFit.cover,
|
||||
color: Colors.black.withOpacity(0.2),
|
||||
colorBlendMode: BlendMode.darken,
|
||||
),
|
||||
Center(
|
||||
// add two buttons, one named "Pilih Kategori" , the other named "Tentang"
|
||||
child: SingleChildScrollView(
|
||||
child: Column(
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
children: <Widget>[
|
||||
//make the button same width
|
||||
SizedBox(
|
||||
// width is half of the screen width
|
||||
width: MediaQuery.of(context).size.width / 3,
|
||||
child: ElevatedButton(
|
||||
child: const Text('Burung'),
|
||||
onPressed: () {
|
||||
Navigator.pushNamed(context, '/mewarna1',
|
||||
arguments: {'kategori': 'hewan', 'nama': 'burung'});
|
||||
},
|
||||
),
|
||||
),
|
||||
const SizedBox(
|
||||
height: 15,
|
||||
),
|
||||
SizedBox(
|
||||
width: MediaQuery.of(context).size.width / 3,
|
||||
child: ElevatedButton(
|
||||
child: const Text('Kelinci'),
|
||||
onPressed: () {
|
||||
Navigator.pushNamed(context, '/mewarna1', arguments: {
|
||||
'kategori': 'hewan',
|
||||
'nama': 'kelinci'
|
||||
});
|
||||
},
|
||||
),
|
||||
),
|
||||
const SizedBox(
|
||||
height: 15,
|
||||
),
|
||||
SizedBox(
|
||||
width: MediaQuery.of(context).size.width / 3,
|
||||
child: ElevatedButton(
|
||||
child: const Text('Gajah'),
|
||||
onPressed: () {
|
||||
Navigator.pushNamed(context, '/mewarna1',
|
||||
arguments: {'kategori': 'hewan', 'nama': 'gajah'});
|
||||
},
|
||||
),
|
||||
),
|
||||
const SizedBox(
|
||||
height: 15,
|
||||
),
|
||||
SizedBox(
|
||||
width: MediaQuery.of(context).size.width / 3,
|
||||
child: ElevatedButton(
|
||||
child: const Text('Monyet'),
|
||||
onPressed: () {
|
||||
Navigator.pushNamed(context, '/mewarna1',
|
||||
arguments: {'kategori': 'hewan', 'nama': 'monyet'});
|
||||
},
|
||||
),
|
||||
),
|
||||
const SizedBox(
|
||||
height: 15,
|
||||
),
|
||||
SizedBox(
|
||||
width: MediaQuery.of(context).size.width / 3,
|
||||
child: ElevatedButton(
|
||||
child: const Text('Singa'),
|
||||
onPressed: () {
|
||||
Navigator.pushNamed(context, '/mewarna1',
|
||||
arguments: {'kategori': 'hewan', 'nama': 'singa'});
|
||||
},
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
// child: Text('Home Page'),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
188
lib/pages/kategori.dart
Normal file
188
lib/pages/kategori.dart
Normal file
@ -0,0 +1,188 @@
|
||||
import 'package:flutter/material.dart';
|
||||
// import 'package:flutter_hooks/flutter_hooks.dart';
|
||||
|
||||
class KategoriPage extends StatefulWidget {
|
||||
const KategoriPage({Key? key}) : super(key: key);
|
||||
|
||||
@override
|
||||
State<KategoriPage> createState() => _KategoriPageState();
|
||||
}
|
||||
|
||||
class _KategoriPageState extends State<KategoriPage> {
|
||||
late String _kategori;
|
||||
|
||||
late List<Widget> _listKategori;
|
||||
// late List<String> _list;
|
||||
|
||||
//create list of categories that contain map of category name
|
||||
//and image path
|
||||
final List<Map<String, dynamic>> _categories = [
|
||||
{
|
||||
'name': 'Binatang',
|
||||
'folder': 'binatang',
|
||||
'list': ["Burung", "Kelinci", "Gajah", "Monyet", "Singa"],
|
||||
},
|
||||
{
|
||||
'name': 'Kenderaan',
|
||||
'folder': 'kenderaan',
|
||||
'list': ["Mobil", "Motor", "Pesawat", "Bis", "Truk"],
|
||||
},
|
||||
{
|
||||
'name': 'Sayur-Sayuran',
|
||||
'folder': 'sayur',
|
||||
'list': ["Kubis", "Terong", "Tomat", "Wortel", "Cendawan"],
|
||||
},
|
||||
{
|
||||
'name': 'Buah-Buahan',
|
||||
'folder': 'buah',
|
||||
'list': ["Apel", "Alpukat", "Lemon", "Mangga", "Pisang"],
|
||||
}
|
||||
];
|
||||
|
||||
@override
|
||||
void didChangeDependencies() {
|
||||
// ignore: todo
|
||||
// TODO: implement didChangeDependencies
|
||||
super.didChangeDependencies();
|
||||
_kategori = ModalRoute.of(context)!.settings.arguments as String;
|
||||
List _list = _categories
|
||||
.firstWhere((element) => element['name'] == _kategori)['list'];
|
||||
String _folder = _categories
|
||||
.firstWhere((element) => element['name'] == _kategori)['folder'];
|
||||
// print(_categories);
|
||||
// loop the _list and create a list of widget
|
||||
_listKategori = _list.map((element) {
|
||||
return Container(
|
||||
margin: const EdgeInsets.all(10),
|
||||
child: SizedBox(
|
||||
width: MediaQuery.of(context).size.width / 3,
|
||||
child: ElevatedButton(
|
||||
child: Text(element),
|
||||
onPressed: () {
|
||||
Navigator.pushNamed(
|
||||
context,
|
||||
'/mewarna1',
|
||||
arguments: {
|
||||
'kategori': _folder,
|
||||
'nama': element.toString().toLowerCase()
|
||||
},
|
||||
);
|
||||
},
|
||||
),
|
||||
),
|
||||
);
|
||||
}).toList();
|
||||
|
||||
// print(_kategori);
|
||||
}
|
||||
|
||||
@override
|
||||
void setState(VoidCallback fn) {
|
||||
// ignore: todo
|
||||
// TODO: implement setState
|
||||
if (mounted) {
|
||||
super.setState(fn);
|
||||
}
|
||||
// super.setState(fn);
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Scaffold(
|
||||
appBar: AppBar(
|
||||
title: const Text('Binatang'),
|
||||
),
|
||||
body: Stack(
|
||||
fit: StackFit.expand,
|
||||
children: [
|
||||
Image.asset(
|
||||
"assets/bg.jpg",
|
||||
fit: BoxFit.cover,
|
||||
color: Colors.black.withOpacity(0.2),
|
||||
colorBlendMode: BlendMode.darken,
|
||||
),
|
||||
Center(
|
||||
// add two buttons, one named "Pilih Kategori" , the other named "Tentang"
|
||||
child: SingleChildScrollView(
|
||||
child: Column(
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
children: <Widget>[
|
||||
// load the _listKategori
|
||||
..._listKategori,
|
||||
|
||||
//make the button same width
|
||||
// SizedBox(
|
||||
// // width is half of the screen width
|
||||
// width: MediaQuery.of(context).size.width / 3,
|
||||
// child: ElevatedButton(
|
||||
// child: const Text('Burung'),
|
||||
// onPressed: () {
|
||||
// Navigator.pushNamed(context, '/mewarna1',
|
||||
// arguments: {'kategori': 'hewan', 'nama': 'burung'});
|
||||
// },
|
||||
// ),
|
||||
// ),
|
||||
// const SizedBox(
|
||||
// height: 15,
|
||||
// ),
|
||||
// SizedBox(
|
||||
// width: MediaQuery.of(context).size.width / 3,
|
||||
// child: ElevatedButton(
|
||||
// child: const Text('Kelinci'),
|
||||
// onPressed: () {
|
||||
// Navigator.pushNamed(context, '/mewarna1', arguments: {
|
||||
// 'kategori': 'hewan',
|
||||
// 'nama': 'kelinci'
|
||||
// });
|
||||
// },
|
||||
// ),
|
||||
// ),
|
||||
// const SizedBox(
|
||||
// height: 15,
|
||||
// ),
|
||||
// SizedBox(
|
||||
// width: MediaQuery.of(context).size.width / 3,
|
||||
// child: ElevatedButton(
|
||||
// child: const Text('Gajah'),
|
||||
// onPressed: () {
|
||||
// Navigator.pushNamed(context, '/mewarna1',
|
||||
// arguments: {'kategori': 'hewan', 'nama': 'gajah'});
|
||||
// },
|
||||
// ),
|
||||
// ),
|
||||
// const SizedBox(
|
||||
// height: 15,
|
||||
// ),
|
||||
// SizedBox(
|
||||
// width: MediaQuery.of(context).size.width / 3,
|
||||
// child: ElevatedButton(
|
||||
// child: const Text('Monyet'),
|
||||
// onPressed: () {
|
||||
// Navigator.pushNamed(context, '/mewarna1',
|
||||
// arguments: {'kategori': 'hewan', 'nama': 'monyet'});
|
||||
// },
|
||||
// ),
|
||||
// ),
|
||||
// const SizedBox(
|
||||
// height: 15,
|
||||
// ),
|
||||
// SizedBox(
|
||||
// width: MediaQuery.of(context).size.width / 3,
|
||||
// child: ElevatedButton(
|
||||
// child: const Text('Singa'),
|
||||
// onPressed: () {
|
||||
// Navigator.pushNamed(context, '/mewarna1',
|
||||
// arguments: {'kategori': 'hewan', 'nama': 'singa'});
|
||||
// },
|
||||
// ),
|
||||
// ),
|
||||
],
|
||||
),
|
||||
),
|
||||
// child: Text('Home Page'),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
@ -1,10 +1,21 @@
|
||||
// ignore_for_file: avoid_print
|
||||
|
||||
import 'dart:convert';
|
||||
import 'dart:io';
|
||||
|
||||
import 'dart:typed_data';
|
||||
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter/rendering.dart';
|
||||
import 'package:flutter_colorpicker/flutter_colorpicker.dart';
|
||||
// import 'package:flutter/services.dart';
|
||||
// import 'dart:ui' as ui;
|
||||
// import 'package:image_gallery_saver/image_gallery_saver.dart';
|
||||
import 'package:path_provider/path_provider.dart';
|
||||
import 'dart:ui' as ui;
|
||||
|
||||
import '../controller/myCustonPainter.dart';
|
||||
// import 'package:flutter_hooks/flutter_hooks.dart';
|
||||
import 'package:flutter_easyloading/flutter_easyloading.dart';
|
||||
|
||||
import 'package:intl/intl.dart' show toBeginningOfSentenceCase;
|
||||
|
||||
class Mewarna1Page extends StatefulWidget {
|
||||
const Mewarna1Page({Key? key}) : super(key: key);
|
||||
@ -17,29 +28,72 @@ class _Mewarna1PageState extends State<Mewarna1Page> {
|
||||
// List<Offset?> points = [];
|
||||
List<DrawingArea?> points = [];
|
||||
// List<DrawingArea?> undoPoints = [];
|
||||
Color selectedColor = Colors.black.withOpacity(0.08);
|
||||
Color selectedColor = Colors.black.withOpacity(0.01);
|
||||
double strokeWidth = 2.0;
|
||||
// ui.Image? image;
|
||||
|
||||
late Map args;
|
||||
|
||||
// @override
|
||||
// void initState() {
|
||||
// // TODO: implement initState
|
||||
// super.initState();
|
||||
// // selectedColor = Colors.black;
|
||||
// // strokeWidth = 2.0;
|
||||
// // loadImage('assets/hewan/singa.jpg');
|
||||
// args = ModalRoute.of(context)?.settings.arguments as Map;
|
||||
// print(args);
|
||||
final GlobalKey _globalKey = GlobalKey();
|
||||
|
||||
Uint8List? _bytes;
|
||||
String _ini = 'tiada';
|
||||
|
||||
bool _delete = false;
|
||||
|
||||
// ignore: unused_element
|
||||
// Future _saveNetworkImage() async {
|
||||
// // String path =
|
||||
// // 'https://image.shutterstock.com/image-photo/montreal-canada-july-11-2019-600w-1450023539.jpg';
|
||||
// // GallerySaver.saveImage(path, albumName: "Download");
|
||||
// }
|
||||
|
||||
Future _saveImage(Uint8List bytes) async {
|
||||
final appStorage = await getApplicationDocumentsDirectory();
|
||||
final file = File('${appStorage.path}/screenshot.png');
|
||||
await file.writeAsBytes(bytes);
|
||||
}
|
||||
|
||||
Future<Uint8List> _capturePng() async {
|
||||
// try {
|
||||
await EasyLoading.show(
|
||||
status: 'loading...',
|
||||
maskType: EasyLoadingMaskType.black,
|
||||
);
|
||||
RenderRepaintBoundary boundary =
|
||||
_globalKey.currentContext!.findRenderObject()! as RenderRepaintBoundary;
|
||||
ui.Image image = await boundary.toImage(pixelRatio: 3.0);
|
||||
ByteData? byteData = await image.toByteData(format: ui.ImageByteFormat.png);
|
||||
var pngBytes = byteData!.buffer.asUint8List();
|
||||
var bs64 = base64Encode(pngBytes);
|
||||
|
||||
setState(() {
|
||||
_bytes = base64Decode(bs64);
|
||||
_ini = 'ada';
|
||||
points.clear();
|
||||
});
|
||||
await _saveImage(base64Decode(bs64));
|
||||
// await _saveNetworkImage();
|
||||
|
||||
// await ImageGallerySaver.saveImage(Uint8List.fromList(pngBytes),
|
||||
// quality: 60, name: "hello");
|
||||
|
||||
await EasyLoading.dismiss();
|
||||
|
||||
return pngBytes;
|
||||
// } catch (e) {
|
||||
// print(e);
|
||||
// return null;
|
||||
// }
|
||||
}
|
||||
|
||||
@override
|
||||
void didChangeDependencies() {
|
||||
// ignore: todo
|
||||
// TODO: implement didChangeDependencies
|
||||
super.didChangeDependencies();
|
||||
args = ModalRoute.of(context)?.settings.arguments as Map;
|
||||
print(args);
|
||||
// print(args);
|
||||
}
|
||||
|
||||
void selectColor() {
|
||||
@ -51,9 +105,9 @@ class _Mewarna1PageState extends State<Mewarna1Page> {
|
||||
child: BlockPicker(
|
||||
pickerColor: selectedColor,
|
||||
onColorChanged: (color) {
|
||||
print(colorToHex(color));
|
||||
// print(colorToHex(color));
|
||||
setState(() {
|
||||
selectedColor = color.withOpacity(0.08);
|
||||
selectedColor = color.withOpacity(0.01);
|
||||
});
|
||||
},
|
||||
),
|
||||
@ -79,97 +133,156 @@ class _Mewarna1PageState extends State<Mewarna1Page> {
|
||||
return WillPopScope(
|
||||
onWillPop: _onWillPopScope,
|
||||
child: Scaffold(
|
||||
appBar: AppBar(
|
||||
title: Text(toBeginningOfSentenceCase(args['nama']?.toString()) ??
|
||||
'Mewarna 1'),
|
||||
actions: [
|
||||
Ink(
|
||||
decoration: ShapeDecoration(
|
||||
color: _delete ? Colors.red : Colors.transparent,
|
||||
shape: const CircleBorder(),
|
||||
),
|
||||
child: IconButton(
|
||||
icon: const Icon(Icons.delete),
|
||||
onPressed: () {
|
||||
setState(() {
|
||||
_delete = !_delete;
|
||||
});
|
||||
},
|
||||
),
|
||||
),
|
||||
IconButton(
|
||||
icon: const Icon(Icons.save_alt_outlined),
|
||||
onPressed: () {},
|
||||
),
|
||||
],
|
||||
),
|
||||
body: Stack(
|
||||
children: [
|
||||
Container(
|
||||
decoration: const BoxDecoration(
|
||||
gradient: LinearGradient(
|
||||
begin: Alignment.topCenter,
|
||||
end: Alignment.bottomCenter,
|
||||
colors: [
|
||||
gradient: LinearGradient(
|
||||
begin: Alignment.topCenter,
|
||||
end: Alignment.bottomCenter,
|
||||
colors: [
|
||||
Color.fromRGBO(138, 35, 135, 1.0),
|
||||
Color.fromRGBO(233, 64, 87, 1.0),
|
||||
Color.fromRGBO(242, 113, 33, 1.0),
|
||||
])),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
Center(
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.center,
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
children: [
|
||||
Container(
|
||||
width: width * 0.80,
|
||||
height: height * 0.80,
|
||||
decoration: BoxDecoration(
|
||||
borderRadius:
|
||||
const BorderRadius.all(Radius.circular(20.0)),
|
||||
boxShadow: [
|
||||
BoxShadow(
|
||||
color: Colors.black.withOpacity(0.4),
|
||||
blurRadius: 5.0,
|
||||
spreadRadius: 1.0,
|
||||
)
|
||||
],
|
||||
image: DecorationImage(
|
||||
image: AssetImage("assets/" +
|
||||
args['kategori'] +
|
||||
"/" +
|
||||
args['nama'] +
|
||||
".jpg"),
|
||||
fit: BoxFit.fill,
|
||||
RepaintBoundary(
|
||||
key: _globalKey,
|
||||
child: Container(
|
||||
width: width * 0.80,
|
||||
height: height * 0.70,
|
||||
decoration: BoxDecoration(
|
||||
borderRadius: const BorderRadius.all(
|
||||
Radius.circular(20.0),
|
||||
),
|
||||
boxShadow: [
|
||||
BoxShadow(
|
||||
color: Colors.black.withOpacity(0.4),
|
||||
blurRadius: 5.0,
|
||||
spreadRadius: 1.0,
|
||||
)
|
||||
],
|
||||
image: _ini == 'tiada'
|
||||
? DecorationImage(
|
||||
image: AssetImage("assets/" +
|
||||
args['kategori'] +
|
||||
"/" +
|
||||
args['nama'] +
|
||||
".jpg"),
|
||||
fit: BoxFit.fill,
|
||||
)
|
||||
: DecorationImage(
|
||||
image: MemoryImage(_bytes!),
|
||||
fit: BoxFit.cover,
|
||||
),
|
||||
),
|
||||
),
|
||||
child: GestureDetector(
|
||||
onPanDown: (details) {
|
||||
setState(() {
|
||||
// points.add(details.localPosition);
|
||||
// print(points);
|
||||
points.add(
|
||||
DrawingArea(
|
||||
point: details.localPosition,
|
||||
areaPaint: Paint()
|
||||
..strokeCap = StrokeCap.round
|
||||
..isAntiAlias = true
|
||||
..color = selectedColor
|
||||
..strokeWidth = strokeWidth,
|
||||
),
|
||||
);
|
||||
});
|
||||
},
|
||||
onPanUpdate: (details) {
|
||||
setState(() {
|
||||
// points.add(details.localPosition);
|
||||
// print(points);
|
||||
points.add(
|
||||
DrawingArea(
|
||||
point: details.localPosition,
|
||||
areaPaint: Paint()
|
||||
..strokeCap = StrokeCap.round
|
||||
..isAntiAlias = true
|
||||
..color = selectedColor
|
||||
..strokeWidth = strokeWidth,
|
||||
),
|
||||
);
|
||||
});
|
||||
},
|
||||
onPanEnd: (details) {
|
||||
setState(() {
|
||||
points.add(null);
|
||||
// print(details);
|
||||
});
|
||||
},
|
||||
child: ClipRRect(
|
||||
borderRadius:
|
||||
const BorderRadius.all(Radius.circular(20.0)),
|
||||
child: CustomPaint(
|
||||
painter: MyCustomPainter(points: points),
|
||||
child: GestureDetector(
|
||||
onPanDown: (details) {
|
||||
if (_delete) {
|
||||
setState(() {
|
||||
points.add(
|
||||
DrawingArea(
|
||||
point: details.localPosition,
|
||||
areaPaint: Paint()
|
||||
..strokeCap = StrokeCap.round
|
||||
..isAntiAlias = true
|
||||
..color = Colors.white.withOpacity(0.07)
|
||||
..strokeWidth = strokeWidth,
|
||||
),
|
||||
);
|
||||
});
|
||||
} else {
|
||||
setState(() {
|
||||
points.add(
|
||||
DrawingArea(
|
||||
point: details.localPosition,
|
||||
areaPaint: Paint()
|
||||
..strokeCap = StrokeCap.round
|
||||
..isAntiAlias = true
|
||||
..color = selectedColor
|
||||
..strokeWidth = strokeWidth,
|
||||
),
|
||||
);
|
||||
});
|
||||
}
|
||||
},
|
||||
onPanUpdate: (details) {
|
||||
if (_delete) {
|
||||
setState(() {
|
||||
points.add(
|
||||
DrawingArea(
|
||||
point: details.localPosition,
|
||||
areaPaint: Paint()
|
||||
..strokeCap = StrokeCap.round
|
||||
..isAntiAlias = true
|
||||
..color = Colors.white.withOpacity(0.07)
|
||||
..strokeWidth = strokeWidth,
|
||||
),
|
||||
);
|
||||
});
|
||||
} else {
|
||||
setState(() {
|
||||
points.add(
|
||||
DrawingArea(
|
||||
point: details.localPosition,
|
||||
areaPaint: Paint()
|
||||
..strokeCap = StrokeCap.round
|
||||
..isAntiAlias = true
|
||||
..color = selectedColor
|
||||
..strokeWidth = strokeWidth,
|
||||
),
|
||||
);
|
||||
});
|
||||
}
|
||||
},
|
||||
onPanEnd: (details) {
|
||||
setState(() {
|
||||
points.add(null);
|
||||
// print(details);
|
||||
});
|
||||
},
|
||||
child: ClipRRect(
|
||||
borderRadius:
|
||||
const BorderRadius.all(Radius.circular(20.0)),
|
||||
child: CustomPaint(
|
||||
painter: MyCustomPainter(points: points),
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
const SizedBox(
|
||||
height: 10,
|
||||
),
|
||||
const SizedBox(height: 5),
|
||||
Container(
|
||||
width: width * 0.80,
|
||||
decoration: const BoxDecoration(
|
||||
@ -189,7 +302,7 @@ class _Mewarna1PageState extends State<Mewarna1Page> {
|
||||
Expanded(
|
||||
child: Slider(
|
||||
min: 1.0,
|
||||
max: 7.0,
|
||||
max: 20.0,
|
||||
activeColor: selectedColor.withOpacity(1),
|
||||
value: strokeWidth,
|
||||
onChanged: (value) {
|
||||
@ -211,38 +324,30 @@ class _Mewarna1PageState extends State<Mewarna1Page> {
|
||||
//remove the 10 last points
|
||||
setState(() {
|
||||
if (points.isNotEmpty) {
|
||||
if (points.length > 20) {
|
||||
if (points.length > 200) {
|
||||
points.removeRange(
|
||||
points.length - 20, points.length);
|
||||
points.length - 200, points.length);
|
||||
} else {
|
||||
points.clear();
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
child: Icon(
|
||||
child: const Icon(
|
||||
Icons.layers_clear,
|
||||
color: Colors.black,
|
||||
),
|
||||
),
|
||||
SizedBox(
|
||||
width: 10,
|
||||
IconButton(
|
||||
onPressed: () async {
|
||||
_capturePng();
|
||||
print("sini untuk simpan");
|
||||
// String path =
|
||||
// 'https://image.shutterstock.com/image-photo/montreal-canada-july-11-2019-600w-1450023539.jpg';
|
||||
// await GallerySaver.saveImage(path);
|
||||
},
|
||||
icon: const Icon(Icons.save_alt_outlined),
|
||||
),
|
||||
// IconButton(
|
||||
// onPressed: () {
|
||||
// // points.clear();
|
||||
// // points.removeLast();
|
||||
|
||||
// // search for undoPoints on points and remove it
|
||||
// setState(() {
|
||||
// // points.removeLast();
|
||||
// if (points.isNotEmpty) {
|
||||
// points.removeLast();
|
||||
// }
|
||||
// });
|
||||
// },
|
||||
// icon: Icon(Icons.layers_clear),
|
||||
// ),
|
||||
],
|
||||
),
|
||||
),
|
||||
|
||||
@ -34,7 +34,11 @@ class PilihKategori extends HookWidget {
|
||||
child: ElevatedButton(
|
||||
child: const Text('Binatang'),
|
||||
onPressed: () {
|
||||
Navigator.pushNamed(context, '/binatang');
|
||||
Navigator.pushNamed(
|
||||
context,
|
||||
'/kategori',
|
||||
arguments: "Binatang",
|
||||
);
|
||||
},
|
||||
),
|
||||
),
|
||||
@ -44,8 +48,14 @@ class PilihKategori extends HookWidget {
|
||||
SizedBox(
|
||||
width: MediaQuery.of(context).size.width / 3,
|
||||
child: ElevatedButton(
|
||||
child: const Text('Kendaraan'),
|
||||
onPressed: () {},
|
||||
child: const Text('Kenderaan'),
|
||||
onPressed: () {
|
||||
Navigator.pushNamed(
|
||||
context,
|
||||
'/kategori',
|
||||
arguments: "Kenderaan",
|
||||
);
|
||||
},
|
||||
),
|
||||
),
|
||||
const SizedBox(
|
||||
@ -55,7 +65,13 @@ class PilihKategori extends HookWidget {
|
||||
width: MediaQuery.of(context).size.width / 3,
|
||||
child: ElevatedButton(
|
||||
child: const Text('Sayur-Sayuran'),
|
||||
onPressed: () {},
|
||||
onPressed: () {
|
||||
Navigator.pushNamed(
|
||||
context,
|
||||
'/kategori',
|
||||
arguments: "Sayur-Sayuran",
|
||||
);
|
||||
},
|
||||
),
|
||||
),
|
||||
const SizedBox(
|
||||
@ -65,7 +81,13 @@ class PilihKategori extends HookWidget {
|
||||
width: MediaQuery.of(context).size.width / 3,
|
||||
child: ElevatedButton(
|
||||
child: const Text('Buah-Buahan'),
|
||||
onPressed: () {},
|
||||
onPressed: () {
|
||||
Navigator.pushNamed(
|
||||
context,
|
||||
'/kategori',
|
||||
arguments: "Buah-Buahan",
|
||||
);
|
||||
},
|
||||
),
|
||||
),
|
||||
],
|
||||
|
||||
@ -1,18 +1,105 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_hooks/flutter_hooks.dart';
|
||||
// import 'package:flutter_hooks/flutter_hooks.dart';
|
||||
import 'package:hive_flutter/hive_flutter.dart';
|
||||
|
||||
class Tentang extends HookWidget {
|
||||
const Tentang({ Key? key }) : super(key: key);
|
||||
import '../model/model_data.dart';
|
||||
|
||||
class Tentang extends StatefulWidget {
|
||||
const Tentang({Key? key}) : super(key: key);
|
||||
|
||||
@override
|
||||
_TentangState createState() => _TentangState();
|
||||
}
|
||||
|
||||
class _TentangState extends State<Tentang> {
|
||||
// late var box;
|
||||
|
||||
Future<Box<Model>> _openBox() async {
|
||||
return await Hive.openBox<Model>('model');
|
||||
}
|
||||
|
||||
@override
|
||||
void dispose() {
|
||||
Hive.close();
|
||||
super.dispose();
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
// _openBox();
|
||||
return Scaffold(
|
||||
appBar: AppBar(
|
||||
title : const Text('Tentang'),
|
||||
title: const Text('Tentang'),
|
||||
),
|
||||
body: const Center(
|
||||
child: Text('Tentang'),
|
||||
body: Center(
|
||||
child: Column(
|
||||
children: [
|
||||
ElevatedButton(
|
||||
child: const Text('Tentang'),
|
||||
onPressed: () {
|
||||
tambah_data();
|
||||
},
|
||||
),
|
||||
FutureBuilder(
|
||||
future: _openBox(),
|
||||
builder: (context, snapshot) {
|
||||
if (snapshot.connectionState == ConnectionState.done) {
|
||||
return ValueListenableBuilder<Box<Model>>(
|
||||
valueListenable: Hive.box<Model>('model').listenable(),
|
||||
builder: (context, box, _) {
|
||||
final model = box.values.toList().cast<Model>();
|
||||
// ignore: avoid_print
|
||||
print(model);
|
||||
// create widget of list
|
||||
return Expanded(
|
||||
child: ListView.builder(
|
||||
padding: const EdgeInsets.all(8),
|
||||
itemCount: model.length,
|
||||
itemBuilder: (context, index) {
|
||||
return Card(
|
||||
child: ListTile(
|
||||
title: Text(model[index].datanya),
|
||||
subtitle:
|
||||
Text(model[index].createdDate.toString()),
|
||||
trailing: ElevatedButton(
|
||||
onPressed: () {
|
||||
box.deleteAt(index);
|
||||
},
|
||||
child: const Text('Hapus')),
|
||||
),
|
||||
);
|
||||
},
|
||||
),
|
||||
);
|
||||
},
|
||||
);
|
||||
} else {
|
||||
return const Text('Loading...');
|
||||
}
|
||||
},
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
// ignore: non_constant_identifier_names
|
||||
Future tambah_data() async {
|
||||
// final box = await Hive.openBox<Model>('model');
|
||||
final model = Model()
|
||||
..createdDate = DateTime.now()
|
||||
..datanya = 'Tentang1';
|
||||
|
||||
final box = await Hive.openBox<Model>('model');
|
||||
box.add(model);
|
||||
// box.add(model);
|
||||
}
|
||||
}
|
||||
|
||||
// class Boxes {
|
||||
// static Box<Model> getData() {
|
||||
// Hive.openBox<Model>('model');
|
||||
// return Hive.box<Model>('model');
|
||||
// }
|
||||
// }
|
||||
|
||||
278
lib/pages/tentang1.dart
Normal file
278
lib/pages/tentang1.dart
Normal file
@ -0,0 +1,278 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:mewarna/widgets/ourContainer.dart';
|
||||
|
||||
class Tentang1 extends StatelessWidget {
|
||||
const Tentang1({Key? key}) : super(key: key);
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Scaffold(
|
||||
appBar: AppBar(
|
||||
title: const Text('Tentang'),
|
||||
),
|
||||
body: Stack(
|
||||
fit: StackFit.expand,
|
||||
children: [
|
||||
Image.asset(
|
||||
"assets/bg.jpg",
|
||||
fit: BoxFit.cover,
|
||||
color: Colors.black.withOpacity(0.2),
|
||||
colorBlendMode: BlendMode.darken,
|
||||
),
|
||||
Center(
|
||||
child: SizedBox(
|
||||
height: MediaQuery.of(context).size.height * 0.5,
|
||||
child: OurContainer(
|
||||
child: Column(
|
||||
children: [
|
||||
SizedBox(
|
||||
height: MediaQuery.of(context).size.height * 0.02,
|
||||
),
|
||||
Row(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
children: [
|
||||
SizedBox(
|
||||
width: MediaQuery.of(context).size.width * 0.02,
|
||||
),
|
||||
SizedBox(
|
||||
width: MediaQuery.of(context).size.width * 0.26,
|
||||
child: const Text(
|
||||
'Nama',
|
||||
style: TextStyle(
|
||||
fontSize: 15,
|
||||
fontWeight: FontWeight.bold,
|
||||
),
|
||||
textAlign: TextAlign.left,
|
||||
),
|
||||
),
|
||||
const SizedBox(
|
||||
width: 10,
|
||||
),
|
||||
SizedBox(
|
||||
width: MediaQuery.of(context).size.width * 0.05,
|
||||
child: const Text(" : "),
|
||||
),
|
||||
const SizedBox(
|
||||
width: 10,
|
||||
),
|
||||
Flexible(
|
||||
child: SizedBox(
|
||||
width: MediaQuery.of(context).size.width * 0.5,
|
||||
child: const Text(
|
||||
'DEWI REZKY RAMDHANI T',
|
||||
style: TextStyle(
|
||||
fontSize: 15,
|
||||
fontWeight: FontWeight.bold,
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
SizedBox(
|
||||
width: MediaQuery.of(context).size.width * 0.02,
|
||||
),
|
||||
],
|
||||
),
|
||||
SizedBox(
|
||||
height: MediaQuery.of(context).size.height * 0.02,
|
||||
),
|
||||
Row(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
children: [
|
||||
SizedBox(
|
||||
width: MediaQuery.of(context).size.width * 0.02,
|
||||
),
|
||||
SizedBox(
|
||||
width: MediaQuery.of(context).size.width * 0.26,
|
||||
child: const Text(
|
||||
'NIM',
|
||||
style: TextStyle(
|
||||
fontSize: 15,
|
||||
fontWeight: FontWeight.bold,
|
||||
),
|
||||
textAlign: TextAlign.left,
|
||||
),
|
||||
),
|
||||
const SizedBox(
|
||||
width: 10,
|
||||
),
|
||||
SizedBox(
|
||||
width: MediaQuery.of(context).size.width * 0.05,
|
||||
child: const Text(" : "),
|
||||
),
|
||||
const SizedBox(
|
||||
width: 10,
|
||||
),
|
||||
Flexible(
|
||||
child: SizedBox(
|
||||
width: MediaQuery.of(context).size.width * 0.5,
|
||||
child: const Text(
|
||||
'217 280 140',
|
||||
style: TextStyle(
|
||||
fontSize: 15,
|
||||
fontWeight: FontWeight.bold,
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
SizedBox(
|
||||
width: MediaQuery.of(context).size.width * 0.02,
|
||||
),
|
||||
],
|
||||
),
|
||||
SizedBox(
|
||||
height: MediaQuery.of(context).size.height * 0.02,
|
||||
),
|
||||
Row(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
children: [
|
||||
SizedBox(
|
||||
width: MediaQuery.of(context).size.width * 0.02,
|
||||
),
|
||||
SizedBox(
|
||||
width: MediaQuery.of(context).size.width * 0.26,
|
||||
child: const Text(
|
||||
'Pembimbing 1',
|
||||
style: TextStyle(
|
||||
fontSize: 15,
|
||||
fontWeight: FontWeight.bold,
|
||||
),
|
||||
textAlign: TextAlign.left,
|
||||
),
|
||||
),
|
||||
const SizedBox(
|
||||
width: 10,
|
||||
),
|
||||
SizedBox(
|
||||
width: MediaQuery.of(context).size.width * 0.05,
|
||||
child: const Text(" : "),
|
||||
),
|
||||
const SizedBox(
|
||||
width: 10,
|
||||
),
|
||||
Flexible(
|
||||
child: SizedBox(
|
||||
width: MediaQuery.of(context).size.width * 0.5,
|
||||
child: const Text(
|
||||
'Ade Hastuty, ST., S. Kom., MT.',
|
||||
style: TextStyle(
|
||||
fontSize: 15,
|
||||
fontWeight: FontWeight.bold,
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
SizedBox(
|
||||
width: MediaQuery.of(context).size.width * 0.02,
|
||||
),
|
||||
],
|
||||
),
|
||||
SizedBox(
|
||||
height: MediaQuery.of(context).size.height * 0.02,
|
||||
),
|
||||
Row(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
children: [
|
||||
SizedBox(
|
||||
width: MediaQuery.of(context).size.width * 0.02,
|
||||
),
|
||||
SizedBox(
|
||||
width: MediaQuery.of(context).size.width * 0.26,
|
||||
child: const Text(
|
||||
'Pembimbing 2',
|
||||
style: TextStyle(
|
||||
fontSize: 15,
|
||||
fontWeight: FontWeight.bold,
|
||||
),
|
||||
textAlign: TextAlign.left,
|
||||
),
|
||||
),
|
||||
const SizedBox(
|
||||
width: 10,
|
||||
),
|
||||
SizedBox(
|
||||
width: MediaQuery.of(context).size.width * 0.05,
|
||||
child: const Text(" : "),
|
||||
),
|
||||
const SizedBox(
|
||||
width: 10,
|
||||
),
|
||||
Flexible(
|
||||
child: SizedBox(
|
||||
width: MediaQuery.of(context).size.width * 0.5,
|
||||
child: const Text(
|
||||
'Andi Wafiah, S. Kom., M. Kom.',
|
||||
style: TextStyle(
|
||||
fontSize: 15,
|
||||
fontWeight: FontWeight.bold,
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
SizedBox(
|
||||
width: MediaQuery.of(context).size.width * 0.02,
|
||||
),
|
||||
],
|
||||
),
|
||||
SizedBox(
|
||||
height: MediaQuery.of(context).size.height * 0.02,
|
||||
),
|
||||
Row(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
children: [
|
||||
SizedBox(
|
||||
width: MediaQuery.of(context).size.width * 0.02,
|
||||
),
|
||||
SizedBox(
|
||||
width: MediaQuery.of(context).size.width * 0.26,
|
||||
child: const Text(
|
||||
'Judul',
|
||||
style: TextStyle(
|
||||
fontSize: 15,
|
||||
fontWeight: FontWeight.bold,
|
||||
),
|
||||
textAlign: TextAlign.left,
|
||||
),
|
||||
),
|
||||
const SizedBox(
|
||||
width: 10,
|
||||
),
|
||||
SizedBox(
|
||||
width: MediaQuery.of(context).size.width * 0.05,
|
||||
child: const Text(" : "),
|
||||
),
|
||||
const SizedBox(
|
||||
width: 10,
|
||||
),
|
||||
Flexible(
|
||||
child: SizedBox(
|
||||
width: MediaQuery.of(context).size.width * 0.5,
|
||||
child: const Text(
|
||||
'APLIKASI PENERAPAN PEMBELAJARAN INTERAKTIF BUKU MEWARNAI BERBASIS ANDROID',
|
||||
textAlign: TextAlign.justify,
|
||||
style: TextStyle(
|
||||
fontSize: 15,
|
||||
fontWeight: FontWeight.bold,
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
SizedBox(
|
||||
width: MediaQuery.of(context).size.width * 0.02,
|
||||
),
|
||||
],
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user