mobile
This commit is contained in:
parent
3bc40dd46e
commit
6348f74b95
@ -1,9 +1,9 @@
|
|||||||
import 'package:flutter/material.dart';
|
import 'package:flutter/material.dart';
|
||||||
import 'package:furibase/components/navbar_container.dart';
|
import 'package:freekake/components/navbar_container.dart';
|
||||||
import 'package:furibase/components/navbar_shape_1.dart';
|
import 'package:freekake/components/navbar_shape_1.dart';
|
||||||
import 'package:furibase/components/navbar_shape_2.dart';
|
import 'package:freekake/components/navbar_shape_2.dart';
|
||||||
import 'package:furibase/components/navbar_shape_3.dart';
|
import 'package:freekake/components/navbar_shape_3.dart';
|
||||||
import 'package:furibase/components/custom_shape.dart';
|
import 'package:freekake/components/custom_shape.dart';
|
||||||
|
|
||||||
class BottomNavbar extends StatefulWidget {
|
class BottomNavbar extends StatefulWidget {
|
||||||
const BottomNavbar({super.key});
|
const BottomNavbar({super.key});
|
||||||
|
|||||||
@ -1,5 +1,5 @@
|
|||||||
import 'package:flutter/material.dart';
|
import 'package:flutter/material.dart';
|
||||||
import 'package:furibase/components/navbar_shape_2.dart';
|
import 'package:freekake/components/navbar_shape_2.dart';
|
||||||
|
|
||||||
class CustomShape extends StatelessWidget {
|
class CustomShape extends StatelessWidget {
|
||||||
const CustomShape({super.key});
|
const CustomShape({super.key});
|
||||||
|
|||||||
@ -1,11 +1,11 @@
|
|||||||
import 'package:flutter/material.dart';
|
import 'package:flutter/material.dart';
|
||||||
import 'package:furibase/components/bottom_navbar.dart';
|
import 'package:freekake/components/bottom_navbar.dart';
|
||||||
import 'package:furibase/components/menu_button.dart';
|
import 'package:freekake/components/menu_button.dart';
|
||||||
import 'package:furibase/components/scan_button.dart';
|
import 'package:freekake/components/scan_button.dart';
|
||||||
import 'package:furibase/screen/Home_screen.dart';
|
import 'package:freekake/screen/Home_screen.dart';
|
||||||
import 'package:furibase/screen/koleksi_screen.dart';
|
import 'package:freekake/screen/koleksi_screen.dart';
|
||||||
import 'package:furibase/screen/pustaka_screen.dart';
|
import 'package:freekake/screen/pustaka_screen.dart';
|
||||||
import 'package:furibase/screen/saya/profile_screen.dart';
|
import 'package:freekake/screen/saya/profile_screen.dart';
|
||||||
|
|
||||||
class MainMenu extends StatelessWidget {
|
class MainMenu extends StatelessWidget {
|
||||||
const MainMenu({super.key});
|
const MainMenu({super.key});
|
||||||
@ -22,7 +22,7 @@ class MainMenu extends StatelessWidget {
|
|||||||
children: [
|
children: [
|
||||||
MenuButton(
|
MenuButton(
|
||||||
label: "E-furibuddy",
|
label: "E-furibuddy",
|
||||||
icon: 'assets/icons/furrybuddy.svg',
|
icon: 'assets/assets/icons/furrybuddy.svg',
|
||||||
onPress:
|
onPress:
|
||||||
() => {
|
() => {
|
||||||
Navigator.push(
|
Navigator.push(
|
||||||
@ -33,7 +33,7 @@ class MainMenu extends StatelessWidget {
|
|||||||
),
|
),
|
||||||
MenuButton(
|
MenuButton(
|
||||||
label: "Koleksi",
|
label: "Koleksi",
|
||||||
icon: 'assets/icons/Koleksi.svg',
|
icon: 'assets/assets/icons/Koleksi.svg',
|
||||||
onPress:
|
onPress:
|
||||||
() => {
|
() => {
|
||||||
Navigator.push(
|
Navigator.push(
|
||||||
|
|||||||
@ -28,8 +28,8 @@ class MenuButton extends StatelessWidget {
|
|||||||
IconButton(
|
IconButton(
|
||||||
icon: SvgPicture.asset(
|
icon: SvgPicture.asset(
|
||||||
icon ?? '',
|
icon ?? '',
|
||||||
width: w ?? 28,
|
width: w ?? 24,
|
||||||
height: h ?? 28,
|
height: h ?? 24,
|
||||||
// allowDrawingOutsideViewBox: true,
|
// allowDrawingOutsideViewBox: true,
|
||||||
colorFilter: ColorFilter.mode(
|
colorFilter: ColorFilter.mode(
|
||||||
Color.fromARGB(255, 255, 255, 255),
|
Color.fromARGB(255, 255, 255, 255),
|
||||||
@ -43,6 +43,7 @@ class MenuButton extends StatelessWidget {
|
|||||||
style: TextStyle(
|
style: TextStyle(
|
||||||
color: Color.fromARGB(255, 239, 224, 232),
|
color: Color.fromARGB(255, 239, 224, 232),
|
||||||
fontWeight: FontWeight.bold,
|
fontWeight: FontWeight.bold,
|
||||||
|
fontSize: 10,
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
],
|
],
|
||||||
|
|||||||
@ -1,5 +1,5 @@
|
|||||||
import 'package:flutter/material.dart';
|
import 'package:flutter/material.dart';
|
||||||
import 'package:furibase/components/navbar_shape_2.dart';
|
import 'package:freekake/components/navbar_shape_2.dart';
|
||||||
|
|
||||||
class NavbarContainer extends StatelessWidget {
|
class NavbarContainer extends StatelessWidget {
|
||||||
const NavbarContainer({super.key});
|
const NavbarContainer({super.key});
|
||||||
|
|||||||
14
lib/helpers/image_picker_mobile.dart
Normal file
14
lib/helpers/image_picker_mobile.dart
Normal file
@ -0,0 +1,14 @@
|
|||||||
|
import 'dart:io';
|
||||||
|
import 'package:image_picker/image_picker.dart';
|
||||||
|
|
||||||
|
class ImagePickerHelper {
|
||||||
|
Future<dynamic> pickImage() async {
|
||||||
|
final ImagePicker picker = ImagePicker();
|
||||||
|
final XFile? pickedFile = await picker.pickImage(source: ImageSource.gallery);
|
||||||
|
|
||||||
|
if (pickedFile != null) {
|
||||||
|
File imageFile = File(pickedFile.path);
|
||||||
|
return imageFile;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
5
lib/helpers/image_picker_stub.dart
Normal file
5
lib/helpers/image_picker_stub.dart
Normal file
@ -0,0 +1,5 @@
|
|||||||
|
class ImagePickerHelper {
|
||||||
|
Future<void> pickImage() async {
|
||||||
|
throw UnsupportedError('pickImage is not supported on this platform');
|
||||||
|
}
|
||||||
|
}
|
||||||
35
lib/helpers/image_picker_web.dart
Normal file
35
lib/helpers/image_picker_web.dart
Normal file
@ -0,0 +1,35 @@
|
|||||||
|
// import 'package:image_picker_web/image_picker_web.dart';
|
||||||
|
// import 'dart:typed_data';
|
||||||
|
|
||||||
|
// class ImagePickerHelper {
|
||||||
|
// Future<dynamic> pickImage() async {
|
||||||
|
// Uint8List? bytesFromPicker = await ImagePickerWeb.getImageAsBytes();
|
||||||
|
// if (bytesFromPicker != null) {
|
||||||
|
// return bytesFromPicker;
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
|
||||||
|
import 'dart:typed_data';
|
||||||
|
import 'dart:html' as html;
|
||||||
|
|
||||||
|
class ImagePickerHelper {
|
||||||
|
Future<void> pickImage() async {
|
||||||
|
html.FileUploadInputElement uploadInput = html.FileUploadInputElement();
|
||||||
|
uploadInput.accept = 'image/*';
|
||||||
|
uploadInput.click();
|
||||||
|
|
||||||
|
uploadInput.onChange.listen((event) async {
|
||||||
|
final file = uploadInput.files!.first;
|
||||||
|
final reader = html.FileReader();
|
||||||
|
|
||||||
|
reader.readAsArrayBuffer(file);
|
||||||
|
reader.onLoadEnd.listen((event) {
|
||||||
|
Uint8List imageBytes = reader.result as Uint8List;
|
||||||
|
if (imageBytes != null) {
|
||||||
|
return imageBytes;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
3
lib/helpers/pick_image.dart
Normal file
3
lib/helpers/pick_image.dart
Normal file
@ -0,0 +1,3 @@
|
|||||||
|
export 'image_picker_stub.dart'
|
||||||
|
if (dart.library.html) 'image_picker_web.dart'
|
||||||
|
if (dart.library.io) 'image_picker_mobile.dart';
|
||||||
@ -1,5 +1,6 @@
|
|||||||
import 'package:flutter/material.dart';
|
import 'package:flutter/material.dart';
|
||||||
import 'package:flutter/services.dart';
|
import 'package:flutter/services.dart';
|
||||||
|
import 'package:furibase/components/navbar_container.dart';
|
||||||
import 'package:furibase/providers/character_provider.dart';
|
import 'package:furibase/providers/character_provider.dart';
|
||||||
import 'package:furibase/screen/Home_screen.dart';
|
import 'package:furibase/screen/Home_screen.dart';
|
||||||
import 'package:provider/provider.dart';
|
import 'package:provider/provider.dart';
|
||||||
|
|||||||
@ -1,9 +1,11 @@
|
|||||||
import 'package:dropdown_button2/dropdown_button2.dart';
|
import 'package:dropdown_button2/dropdown_button2.dart';
|
||||||
import 'package:flutter/material.dart';
|
import 'package:flutter/material.dart';
|
||||||
import 'package:furibase/components/bottom_navbar.dart';
|
import 'package:freekake/components/bottom_navbar.dart';
|
||||||
import 'package:furibase/components/buildcard_info.dart';
|
import 'package:freekake/components/buildcard_info.dart';
|
||||||
import 'package:furibase/components/main_menu.dart';
|
import 'package:freekake/components/main_menu.dart';
|
||||||
import 'package:furibase/components/scan_button.dart';
|
import 'package:freekake/components/scan_button.dart';
|
||||||
|
import 'package:freekake/components/topbar_container.dart';
|
||||||
|
import 'package:flutter_unity_widget/flutter_unity_widget.dart';
|
||||||
|
|
||||||
class HomeScreen extends StatefulWidget {
|
class HomeScreen extends StatefulWidget {
|
||||||
HomeScreen({super.key});
|
HomeScreen({super.key});
|
||||||
@ -17,6 +19,7 @@ class _HomeScreenState extends State<HomeScreen> {
|
|||||||
double _sliderValue = 0.0;
|
double _sliderValue = 0.0;
|
||||||
static const Color transparent = Color(0xFFFFFFFF);
|
static const Color transparent = Color(0xFFFFFFFF);
|
||||||
// Image image
|
// Image image
|
||||||
|
late UnityWidgetController _unityWidgetController;
|
||||||
|
|
||||||
@override
|
@override
|
||||||
Widget build(BuildContext context) {
|
Widget build(BuildContext context) {
|
||||||
@ -251,6 +254,14 @@ class _HomeScreenState extends State<HomeScreen> {
|
|||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
void onUnityCreated(controller) {
|
||||||
|
_unityWidgetController = controller;
|
||||||
|
}
|
||||||
|
|
||||||
|
void onUnityMessage(message) {
|
||||||
|
print('Received message from unity: ${message.toString()}');
|
||||||
|
}
|
||||||
|
|
||||||
// Widget _menuButton(String label, Widget icon) {
|
// Widget _menuButton(String label, Widget icon) {
|
||||||
// return Expanded(
|
// return Expanded(
|
||||||
// child: Column(
|
// child: Column(
|
||||||
@ -291,7 +302,7 @@ class _HomeScreenState extends State<HomeScreen> {
|
|||||||
// }
|
// }
|
||||||
|
|
||||||
Widget setHomeImage(String src, double size) {
|
Widget setHomeImage(String src, double size) {
|
||||||
return Image.asset(src, width: size);
|
return Image.asset("assets/" + src, width: size);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -1,5 +1,5 @@
|
|||||||
import 'package:flutter/material.dart';
|
import 'package:flutter/material.dart';
|
||||||
import 'package:furibase/components/collection_container.dart';
|
import 'package:freekake/components/collection_container.dart';
|
||||||
|
|
||||||
class CollectionCaraterScreen extends StatefulWidget {
|
class CollectionCaraterScreen extends StatefulWidget {
|
||||||
const CollectionCaraterScreen({super.key});
|
const CollectionCaraterScreen({super.key});
|
||||||
@ -22,7 +22,7 @@ class _CollectionCaraterScreenState extends State<CollectionCaraterScreen> {
|
|||||||
child: Column(
|
child: Column(
|
||||||
crossAxisAlignment: CrossAxisAlignment.start,
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
children: [
|
children: [
|
||||||
Text("Favorite", style: TextStyle(color: Colors.black)),
|
Text("Favorit", style: TextStyle(color: Colors.black)),
|
||||||
Divider(height: 20, color: Colors.transparent),
|
Divider(height: 20, color: Colors.transparent),
|
||||||
SingleChildScrollView(
|
SingleChildScrollView(
|
||||||
scrollDirection: Axis.horizontal,
|
scrollDirection: Axis.horizontal,
|
||||||
@ -46,7 +46,7 @@ class _CollectionCaraterScreenState extends State<CollectionCaraterScreen> {
|
|||||||
),
|
),
|
||||||
),
|
),
|
||||||
Divider(height: 20, color: Colors.transparent),
|
Divider(height: 20, color: Colors.transparent),
|
||||||
Text("All", style: TextStyle(color: Colors.black)),
|
Text("Semua", style: TextStyle(color: Colors.black)),
|
||||||
Divider(height: 20, color: Colors.transparent),
|
Divider(height: 20, color: Colors.transparent),
|
||||||
SingleChildScrollView(
|
SingleChildScrollView(
|
||||||
scrollDirection: Axis.horizontal,
|
scrollDirection: Axis.horizontal,
|
||||||
|
|||||||
@ -1,6 +1,6 @@
|
|||||||
import 'package:flutter/material.dart';
|
import 'package:flutter/material.dart';
|
||||||
import 'package:furibase/components/collection_container.dart';
|
import 'package:freekake/components/collection_container.dart';
|
||||||
import 'package:furibase/helpers/color_helper.dart';
|
import 'package:freekake/helpers/color_helper.dart';
|
||||||
|
|
||||||
class CollectionFragmentScreen extends StatefulWidget {
|
class CollectionFragmentScreen extends StatefulWidget {
|
||||||
const CollectionFragmentScreen({super.key});
|
const CollectionFragmentScreen({super.key});
|
||||||
|
|||||||
@ -1,5 +1,5 @@
|
|||||||
import 'package:flutter/material.dart';
|
import 'package:flutter/material.dart';
|
||||||
import 'package:furibase/components/collection_container.dart';
|
import 'package:freekake/components/collection_container.dart';
|
||||||
|
|
||||||
class CollectionSkinScreen extends StatefulWidget {
|
class CollectionSkinScreen extends StatefulWidget {
|
||||||
const CollectionSkinScreen({super.key});
|
const CollectionSkinScreen({super.key});
|
||||||
@ -53,7 +53,7 @@ class _CollectionSkinScreenState extends State<CollectionSkinScreen> {
|
|||||||
),
|
),
|
||||||
),
|
),
|
||||||
Divider(height: 20, color: Colors.transparent),
|
Divider(height: 20, color: Colors.transparent),
|
||||||
Text("Others", style: TextStyle(color: Colors.black)),
|
Text("Lainnya", style: TextStyle(color: Colors.black)),
|
||||||
Divider(height: 10),
|
Divider(height: 10),
|
||||||
SingleChildScrollView(
|
SingleChildScrollView(
|
||||||
scrollDirection: Axis.horizontal,
|
scrollDirection: Axis.horizontal,
|
||||||
|
|||||||
@ -1,5 +1,5 @@
|
|||||||
import 'package:flutter/material.dart';
|
import 'package:flutter/material.dart';
|
||||||
import 'package:furibase/components/navbar_container.dart';
|
import 'package:freekake/components/navbar_container.dart';
|
||||||
|
|
||||||
class DrawScreen extends StatelessWidget {
|
class DrawScreen extends StatelessWidget {
|
||||||
const DrawScreen({super.key});
|
const DrawScreen({super.key});
|
||||||
|
|||||||
@ -1,13 +1,13 @@
|
|||||||
import 'package:flutter/material.dart';
|
import 'package:flutter/material.dart';
|
||||||
import 'package:furibase/components/bottom_navbar.dart';
|
import 'package:freekake/components/bottom_navbar.dart';
|
||||||
import 'package:furibase/components/buildcard_info.dart';
|
import 'package:freekake/components/buildcard_info.dart';
|
||||||
import 'package:furibase/components/main_menu.dart';
|
import 'package:freekake/components/main_menu.dart';
|
||||||
import 'package:furibase/components/scan_button.dart';
|
import 'package:freekake/components/scan_button.dart';
|
||||||
import 'package:furibase/components/tab_menu.dart';
|
import 'package:freekake/components/tab_menu.dart';
|
||||||
import 'package:furibase/components/topbar_container.dart';
|
import 'package:freekake/components/topbar_container.dart';
|
||||||
import 'package:furibase/screen/collection/collection_caracter_screen.dart';
|
import 'package:freekake/screen/collection/collection_caracter_screen.dart';
|
||||||
import 'package:furibase/screen/collection/collection_fragment_screen.dart';
|
import 'package:freekake/screen/collection/collection_fragment_screen.dart';
|
||||||
import 'package:furibase/screen/collection/collection_skin_screen.dart';
|
import 'package:freekake/screen/collection/collection_skin_screen.dart';
|
||||||
|
|
||||||
class KoleksiScreen extends StatefulWidget {
|
class KoleksiScreen extends StatefulWidget {
|
||||||
const KoleksiScreen({super.key});
|
const KoleksiScreen({super.key});
|
||||||
|
|||||||
@ -1,11 +1,11 @@
|
|||||||
import 'package:flutter/material.dart';
|
import 'package:flutter/material.dart';
|
||||||
import 'package:furibase/components/buildcard_info.dart';
|
import 'package:freekake/components/buildcard_info.dart';
|
||||||
import 'package:furibase/components/card_list.dart';
|
import 'package:freekake/components/card_list.dart';
|
||||||
import 'package:furibase/components/collection_container%20copy.dart';
|
import 'package:freekake/components/collection_container%20copy.dart';
|
||||||
import 'package:furibase/components/main_menu.dart';
|
import 'package:freekake/components/main_menu.dart';
|
||||||
import 'package:furibase/components/topbar_container.dart';
|
import 'package:freekake/components/topbar_container.dart';
|
||||||
import 'package:furibase/helpers/color_helper.dart';
|
import 'package:freekake/screen/pustaka/pustaka_detail_screen.dart';
|
||||||
import 'package:furibase/screen/pustaka/pustaka_detail_screen.dart';
|
import 'package:freekake/helpers/color_helper.dart';
|
||||||
|
|
||||||
class ListEducation extends StatefulWidget {
|
class ListEducation extends StatefulWidget {
|
||||||
const ListEducation({super.key});
|
const ListEducation({super.key});
|
||||||
|
|||||||
@ -1,6 +1,6 @@
|
|||||||
import 'package:flutter/material.dart';
|
import 'package:flutter/material.dart';
|
||||||
import 'package:furibase/components/buildcard_info.dart';
|
import 'package:freekakes/components/buildcard_info.dart';
|
||||||
import 'package:furibase/components/collection_container.dart';
|
import 'package:freekake/components/collection_container.dart';
|
||||||
|
|
||||||
class DetailScreen extends StatefulWidget {
|
class DetailScreen extends StatefulWidget {
|
||||||
final String title;
|
final String title;
|
||||||
|
|||||||
@ -108,7 +108,7 @@ class _PustakaScreenState extends State<PustakaScreen> {
|
|||||||
children: [
|
children: [
|
||||||
CollectionContainer(
|
CollectionContainer(
|
||||||
label: "Luffy",
|
label: "Luffy",
|
||||||
imagesrc: 'images/luffy.png',
|
imagesrc: 'assets/images/luffy.png',
|
||||||
width: 100,
|
width: 100,
|
||||||
height: 100,
|
height: 100,
|
||||||
onTapAc:
|
onTapAc:
|
||||||
|
|||||||
@ -108,7 +108,7 @@ class _PustakaScreenState extends State<PustakaScreen> {
|
|||||||
children: [
|
children: [
|
||||||
CollectionContainer(
|
CollectionContainer(
|
||||||
label: "Luffy",
|
label: "Luffy",
|
||||||
imagesrc: 'images/luffy.png',
|
imagesrc: 'assets/images/luffy.png',
|
||||||
width: 100,
|
width: 100,
|
||||||
height: 100,
|
height: 100,
|
||||||
onTapAc:
|
onTapAc:
|
||||||
|
|||||||
@ -1,12 +1,12 @@
|
|||||||
import 'package:flutter/material.dart';
|
import 'package:flutter/material.dart';
|
||||||
import 'package:furibase/components/bottom_navbar.dart';
|
import 'package:freekake/components/bottom_navbar.dart';
|
||||||
import 'package:furibase/components/buildcard_info.dart';
|
import 'package:freekake/components/buildcard_info.dart';
|
||||||
import 'package:furibase/components/collection_container.dart';
|
import 'package:freekake/components/collection_container.dart';
|
||||||
import 'package:furibase/components/main_menu.dart';
|
import 'package:freekake/components/main_menu.dart';
|
||||||
import 'package:furibase/components/scan_button.dart';
|
import 'package:freekake/components/scan_button.dart';
|
||||||
import 'package:furibase/components/topbar_container.dart';
|
import 'package:freekake/components/topbar_container.dart';
|
||||||
import 'package:furibase/helpers/color_helper.dart';
|
import 'package:freekake/helpers/color_helper.dart';
|
||||||
import 'package:furibase/screen/pustaka/list_education.dart';
|
import 'package:freekake/screen/pustaka/list_education.dart';
|
||||||
|
|
||||||
class PustakaScreen extends StatefulWidget {
|
class PustakaScreen extends StatefulWidget {
|
||||||
const PustakaScreen({super.key});
|
const PustakaScreen({super.key});
|
||||||
@ -147,7 +147,7 @@ class _PustakaScreenState extends State<PustakaScreen> {
|
|||||||
),
|
),
|
||||||
decoration: const InputDecoration(
|
decoration: const InputDecoration(
|
||||||
border: InputBorder.none,
|
border: InputBorder.none,
|
||||||
hintText: 'Search...',
|
hintText: 'Cari konten...',
|
||||||
hintStyle: TextStyle(color: Colors.grey),
|
hintStyle: TextStyle(color: Colors.grey),
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
@ -177,6 +177,7 @@ class _PustakaScreenState extends State<PustakaScreen> {
|
|||||||
final item = filteredCollections[index];
|
final item = filteredCollections[index];
|
||||||
return CollectionContainer(
|
return CollectionContainer(
|
||||||
label: item["label"]!,
|
label: item["label"]!,
|
||||||
|
lblSize: 11,
|
||||||
imageSvg: item["image"]!,
|
imageSvg: item["image"]!,
|
||||||
width: 30,
|
width: 30,
|
||||||
height: 80,
|
height: 80,
|
||||||
@ -256,9 +257,10 @@ class _PustakaScreenState extends State<PustakaScreen> {
|
|||||||
color: Colors.blueAccent,
|
color: Colors.blueAccent,
|
||||||
),
|
),
|
||||||
Text(
|
Text(
|
||||||
'Topic ' + (index + 1).toString(),
|
'Topik ' + (index + 1).toString(),
|
||||||
style: const TextStyle(
|
style: const TextStyle(
|
||||||
fontWeight: FontWeight.bold,
|
fontWeight: FontWeight.bold,
|
||||||
|
fontSize: 11,
|
||||||
color: Color.fromARGB(255, 0, 0, 0),
|
color: Color.fromARGB(255, 0, 0, 0),
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
|
|||||||
211
lib/screen/saya/akun_saya copy.dart
Normal file
211
lib/screen/saya/akun_saya copy.dart
Normal file
@ -0,0 +1,211 @@
|
|||||||
|
import 'dart:typed_data';
|
||||||
|
|
||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:furibase/components/bottom_navbar.dart';
|
||||||
|
import 'package:furibase/components/main_menu.dart';
|
||||||
|
import 'package:furibase/components/scan_button.dart';
|
||||||
|
import 'package:furibase/helpers/pick_image.dart';
|
||||||
|
import 'package:flutter/foundation.dart' show kIsWeb;
|
||||||
|
|
||||||
|
class AkunSaya extends StatefulWidget {
|
||||||
|
@override
|
||||||
|
_AkunSayaState createState() => _AkunSayaState();
|
||||||
|
}
|
||||||
|
|
||||||
|
class _AkunSayaState extends State<AkunSaya> {
|
||||||
|
dynamic _profileImage;
|
||||||
|
dynamic _headerImage;
|
||||||
|
//final ImagePicker _picker = ImagePicker();
|
||||||
|
|
||||||
|
Future<void> _pickImage(bool isProfile) async {
|
||||||
|
final imagePicker = ImagePickerHelper();
|
||||||
|
dynamic pic = await imagePicker.pickImage();
|
||||||
|
|
||||||
|
if (pic != null) {
|
||||||
|
setState(() {
|
||||||
|
if (isProfile) {
|
||||||
|
_profileImage = pic;
|
||||||
|
} else {
|
||||||
|
_headerImage = pic;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return Scaffold(
|
||||||
|
appBar: AppBar(
|
||||||
|
title: Text("Saya"),
|
||||||
|
backgroundColor: Color.fromARGB(225, 79, 76, 182),
|
||||||
|
),
|
||||||
|
backgroundColor: const Color.fromARGB(255, 255, 255, 255),
|
||||||
|
body: Stack(
|
||||||
|
children: [
|
||||||
|
Positioned(
|
||||||
|
bottom: 0,
|
||||||
|
left: 0,
|
||||||
|
right: 0,
|
||||||
|
child: Padding(
|
||||||
|
padding: const EdgeInsets.only(top: 20.0, left: 20, right: 20),
|
||||||
|
child: Container(
|
||||||
|
height: MediaQuery.of(context).size.height * 0.7,
|
||||||
|
width: MediaQuery.of(context).size.width,
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
color: const Color.fromARGB(255, 205, 202, 189),
|
||||||
|
borderRadius: BorderRadius.only(
|
||||||
|
topLeft: Radius.circular(20),
|
||||||
|
topRight: Radius.circular(20),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
Column(
|
||||||
|
children: [
|
||||||
|
// Header image (bisa diubah)
|
||||||
|
SizedBox(
|
||||||
|
height: 80,
|
||||||
|
child: Container(
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
borderRadius: BorderRadius.only(
|
||||||
|
bottomLeft: Radius.circular(40),
|
||||||
|
bottomRight: Radius.circular(40),
|
||||||
|
),
|
||||||
|
color: Color.fromARGB(225, 79, 76, 182),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
SizedBox(height: 40),
|
||||||
|
Expanded(
|
||||||
|
child: Padding(
|
||||||
|
padding: EdgeInsets.all(20),
|
||||||
|
child: ListView(
|
||||||
|
padding: EdgeInsets.symmetric(horizontal: 20, vertical: 40),
|
||||||
|
children: [
|
||||||
|
TextFormField(
|
||||||
|
initialValue: "Cepot",
|
||||||
|
decoration: const InputDecoration(
|
||||||
|
border: UnderlineInputBorder(),
|
||||||
|
labelText: 'Nama',
|
||||||
|
labelStyle: TextStyle(color: Colors.black),
|
||||||
|
),
|
||||||
|
style: TextStyle(color: Colors.black),
|
||||||
|
),
|
||||||
|
TextFormField(
|
||||||
|
initialValue: "cpt09",
|
||||||
|
decoration: const InputDecoration(
|
||||||
|
border: UnderlineInputBorder(),
|
||||||
|
labelText: 'Nama Pengguna',
|
||||||
|
labelStyle: TextStyle(color: Colors.black),
|
||||||
|
),
|
||||||
|
style: TextStyle(color: Colors.black),
|
||||||
|
),
|
||||||
|
|
||||||
|
TextFormField(
|
||||||
|
initialValue: "Jl. Sentosa jaya",
|
||||||
|
decoration: const InputDecoration(
|
||||||
|
border: UnderlineInputBorder(),
|
||||||
|
labelText: 'Alamat',
|
||||||
|
labelStyle: TextStyle(color: Colors.black),
|
||||||
|
),
|
||||||
|
style: TextStyle(color: Colors.black),
|
||||||
|
),
|
||||||
|
|
||||||
|
TextFormField(
|
||||||
|
initialValue: "******",
|
||||||
|
decoration: const InputDecoration(
|
||||||
|
border: UnderlineInputBorder(),
|
||||||
|
labelText: 'Kata Sandi',
|
||||||
|
labelStyle: TextStyle(color: Colors.black),
|
||||||
|
),
|
||||||
|
style: TextStyle(color: Colors.black),
|
||||||
|
),
|
||||||
|
TextFormField(
|
||||||
|
initialValue: "+62923",
|
||||||
|
decoration: const InputDecoration(
|
||||||
|
border: UnderlineInputBorder(),
|
||||||
|
labelText: 'No. HP',
|
||||||
|
labelStyle: TextStyle(color: Colors.black),
|
||||||
|
),
|
||||||
|
style: TextStyle(color: Colors.black),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
// Profile Picture (bisa diubah)
|
||||||
|
Positioned(
|
||||||
|
top: 25,
|
||||||
|
left: MediaQuery.of(context).size.width / 2 - 50,
|
||||||
|
child: GestureDetector(
|
||||||
|
onTap: () => _pickImage(true),
|
||||||
|
child: Stack(
|
||||||
|
alignment: Alignment.bottomRight,
|
||||||
|
children: [
|
||||||
|
CircleAvatar(
|
||||||
|
radius: 50,
|
||||||
|
backgroundColor: Colors.grey[300],
|
||||||
|
backgroundImage:
|
||||||
|
_profileImage != null
|
||||||
|
? (kIsWeb
|
||||||
|
? MemoryImage(_profileImage) as ImageProvider
|
||||||
|
: FileImage(_profileImage) as ImageProvider)
|
||||||
|
: null,
|
||||||
|
child:
|
||||||
|
_profileImage == null
|
||||||
|
? Icon(Icons.person, size: 50, color: Colors.white)
|
||||||
|
: null,
|
||||||
|
),
|
||||||
|
CircleAvatar(
|
||||||
|
radius: 15,
|
||||||
|
backgroundColor: Colors.blue,
|
||||||
|
child: Icon(Icons.edit, color: Colors.white, size: 15),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
|
||||||
|
Positioned(
|
||||||
|
top: 130,
|
||||||
|
left: MediaQuery.of(context).size.width / 2 - 50,
|
||||||
|
child: GestureDetector(
|
||||||
|
onTap: () => _pickImage(true),
|
||||||
|
child: Stack(
|
||||||
|
alignment: Alignment.bottomRight,
|
||||||
|
children: [
|
||||||
|
Text(
|
||||||
|
"Nama Akun",
|
||||||
|
style: TextStyle(
|
||||||
|
color: Colors.deepPurple,
|
||||||
|
fontSize: 18,
|
||||||
|
fontWeight: FontWeight.bold,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
Widget _buildListItem(IconData icon, String label, {bool isLogout = false}) {
|
||||||
|
return ListTile(
|
||||||
|
leading: Icon(
|
||||||
|
icon,
|
||||||
|
color:
|
||||||
|
isLogout
|
||||||
|
? const Color.fromARGB(255, 181, 47, 47)
|
||||||
|
: const Color.fromARGB(255, 255, 255, 255),
|
||||||
|
),
|
||||||
|
title: Text(label, style: TextStyle(fontSize: 16, color: Colors.black)),
|
||||||
|
trailing: Icon(Icons.arrow_forward_ios, size: 16),
|
||||||
|
onTap: () {},
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -1,13 +1,12 @@
|
|||||||
import 'dart:typed_data';
|
import 'dart:typed_data';
|
||||||
|
|
||||||
import 'package:flutter/material.dart';
|
import 'package:flutter/material.dart';
|
||||||
import 'package:furibase/components/bottom_navbar.dart';
|
import 'package:freekake/components/bottom_navbar.dart';
|
||||||
import 'package:furibase/components/main_menu.dart';
|
import 'package:freekake/components/main_menu.dart';
|
||||||
import 'package:furibase/components/scan_button.dart';
|
import 'package:freekake/components/scan_button.dart';
|
||||||
import 'package:image_picker/image_picker.dart';
|
import 'package:image_picker/image_picker.dart';
|
||||||
import 'dart:io';
|
import 'dart:io';
|
||||||
|
|
||||||
// import 'package:image_picker_web/image_picker_web.dart';
|
|
||||||
import 'package:flutter/foundation.dart' show kIsWeb;
|
import 'package:flutter/foundation.dart' show kIsWeb;
|
||||||
|
|
||||||
class AkunSaya extends StatefulWidget {
|
class AkunSaya extends StatefulWidget {
|
||||||
|
|||||||
@ -1,16 +1,15 @@
|
|||||||
import 'dart:typed_data';
|
import 'dart:typed_data';
|
||||||
|
|
||||||
import 'package:flutter/material.dart';
|
import 'package:flutter/material.dart';
|
||||||
// import 'package:flutter_html/flutter_html.dart';
|
import 'package:flutter_html/flutter_html.dart';
|
||||||
import 'package:furibase/components/bottom_navbar.dart';
|
import 'package:freekake/components/bottom_navbar.dart';
|
||||||
import 'package:furibase/components/main_menu.dart';
|
import 'package:freekake/components/main_menu.dart';
|
||||||
import 'package:furibase/components/scan_button.dart';
|
import 'package:freekake/components/scan_button.dart';
|
||||||
import 'package:furibase/components/topbar_container.dart';
|
import 'package:freekake/components/topbar_container.dart';
|
||||||
import 'package:furibase/screen/saya/akun_saya.dart';
|
import 'package:freekake/screen/saya/akun_saya.dart';
|
||||||
import 'package:image_picker/image_picker.dart';
|
import 'package:image_picker/image_picker.dart';
|
||||||
import 'dart:io';
|
import 'dart:io';
|
||||||
|
|
||||||
// import 'package:image_picker_web/image_picker_web.dart';
|
|
||||||
import 'package:flutter/foundation.dart' show kIsWeb;
|
import 'package:flutter/foundation.dart' show kIsWeb;
|
||||||
|
|
||||||
class ProfileScreen extends StatefulWidget {
|
class ProfileScreen extends StatefulWidget {
|
||||||
|
|||||||
@ -1,4 +1,4 @@
|
|||||||
name: furibase
|
name: freekake
|
||||||
description: "A new Flutter project."
|
description: "A new Flutter project."
|
||||||
# The following line prevents the package from being accidentally published to
|
# The following line prevents the package from being accidentally published to
|
||||||
# pub.dev using `flutter pub publish`. This is preferred for private packages.
|
# pub.dev using `flutter pub publish`. This is preferred for private packages.
|
||||||
@ -49,6 +49,11 @@ dependencies:
|
|||||||
# arcore_flutter_plugin:
|
# arcore_flutter_plugin:
|
||||||
# git:
|
# git:
|
||||||
# url: https://github.com/giandifra/arcore_flutter_plugin.git
|
# url: https://github.com/giandifra/arcore_flutter_plugin.git
|
||||||
|
flutter_unity_widget: ^2022.2.1
|
||||||
|
# flutter_unity_widget:
|
||||||
|
# git:
|
||||||
|
# url: https://github.com/juicycleff/flutter-unity-view-widget.git
|
||||||
|
# ref: flutter_3.24_android_hotfix
|
||||||
|
|
||||||
dev_dependencies:
|
dev_dependencies:
|
||||||
flutter_test:
|
flutter_test:
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user