Probindo/FreekakeApp
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: Probindo:bf9a57f23b3e6aacd4dee16a03cc3fefc217b829
Branches Tags
Probindo:main
Probindo:unity_embed
..
compare: Probindo:a858d66653854cd4128832ab47efdcec33eeb5e8
Branches Tags
Probindo:main
Probindo:unity_embed

4 Commits
bf9a57f23b ... a858d66653

Author SHA1 Message Date
Irwan Cahyono
a858d66653 Merge branch 'unity_embed' of https://git.probindo.com/Probindo/FreekakeApp into unity_embed 2025-04-15 10:14:16 +07:00
Irwan Cahyono
6348f74b95 mobile 2025-04-15 09:58:28 +07:00
='fauz
3bc40dd46e scan button 2025-04-14 15:29:03 +07:00
='fauz
6607ee4906 fixing mobile view 2025-04-14 15:14:10 +07:00
17 changed files with 296 additions and 266 deletions
Show Stats Expand all files Collapse all files

4
android/app/build.gradle.kts
View File

@ -8,7 +8,7 @@ plugins {
android { android {
namespace = "com.example.furibase" namespace = "com.example.furibase"
//compileSdk = flutter.compileSdkVersion //compileSdk = flutter.compileSdkVersion
compileSdk = 34 compileSdk = 35
ndkVersion = "27.0.12077973" ndkVersion = "27.0.12077973"
//ndkVersion = flutter.ndkVersion //ndkVersion = flutter.ndkVersion
@ -29,7 +29,7 @@ android {
//minSdk = flutter.minSdkVersion //minSdk = flutter.minSdkVersion
//targetSdk = flutter.targetSdkVersion //targetSdk = flutter.targetSdkVersion
minSdk = 24 // Set to 24 or higher minSdk = 24 // Set to 24 or higher
targetSdk = 34 targetSdk = 35
versionCode = flutter.versionCode versionCode = flutter.versionCode
versionName = flutter.versionName versionName = flutter.versionName
} }

2
lib/components/card_list.dart
View File

@ -19,7 +19,7 @@ class CardList extends StatelessWidget {
10.0, 10.0,
), // Opsional: membuat gambar lebih rounded ), // Opsional: membuat gambar lebih rounded
child: Image.asset( child: Image.asset(
'images/cepott.png', // Ganti dengan path gambar Anda 'assets/images/cepott.png', // Ganti dengan path gambar Anda
width: 80, // Atur ukuran gambar width: 80, // Atur ukuran gambar
height: 120, height: 120,
fit: BoxFit.cover, fit: BoxFit.cover,

4
lib/components/collection_container copy.dart
View File

@ -13,6 +13,7 @@ class CollectionContainer extends StatelessWidget {
final Color? textColor; final Color? textColor;
final double? lblSize; final double? lblSize;
final bool? circle; final bool? circle;
final Color? colorContiner;
const CollectionContainer({ const CollectionContainer({
super.key, super.key,
this.label, this.label,
@ -26,6 +27,7 @@ class CollectionContainer extends StatelessWidget {
this.iconw, this.iconw,
this.lblSize, this.lblSize,
this.circle, this.circle,
this.colorContiner,
}); });
@override @override
@ -96,7 +98,7 @@ class CollectionContainer extends StatelessWidget {
width: 20, width: 20,
height: 20, height: 20,
colorFilter: const ColorFilter.mode( colorFilter: const ColorFilter.mode(
Color.fromARGB(255, 118, 3, 3), Color.fromARGB(255, 255, 255, 255),
BlendMode.srcIn, BlendMode.srcIn,
), ),
), ),

16
lib/components/collection_container.dart
View File

@ -14,6 +14,7 @@ class CollectionContainer extends StatelessWidget {
final double? lblSize; final double? lblSize;
final bool? circle; final bool? circle;
final Color? colorContiner; final Color? colorContiner;
final bool? small;
const CollectionContainer({ const CollectionContainer({
Key? key, Key? key,
@ -29,6 +30,7 @@ class CollectionContainer extends StatelessWidget {
this.lblSize, this.lblSize,
this.circle, this.circle,
this.colorContiner, this.colorContiner,
this.small,
}) : super(key: key); }) : super(key: key);
@override @override
@ -55,7 +57,10 @@ class CollectionContainer extends StatelessWidget {
padding: const EdgeInsets.all(8.0), padding: const EdgeInsets.all(8.0),
child: Center( child: Center(
child: Padding( child: Padding(
padding: const EdgeInsets.only(bottom: 30.0), padding:
(small ?? false)
? const EdgeInsets.only(bottom: 5.0)
: const EdgeInsets.only(bottom: 30.0),
child: child:
imageSvg != null && imageSvg!.isNotEmpty imageSvg != null && imageSvg!.isNotEmpty
? Container( ? Container(
@ -72,9 +77,10 @@ class CollectionContainer extends StatelessWidget {
) )
: null, : null,
child: Padding( child: Padding(
padding: const EdgeInsets.all( padding:
8.0, (small ?? false)
), // Tambahkan padding di sini ? const EdgeInsets.all(1.0)
: const EdgeInsets.all(8.0),
child: SvgPicture.asset( child: SvgPicture.asset(
imageSvg!, imageSvg!,
width: iconw ?? 40, width: iconw ?? 40,
@ -102,7 +108,7 @@ class CollectionContainer extends StatelessWidget {
), ),
), ),
Positioned( Positioned(
bottom: 10, bottom: (small ?? false) ? 0 : 10,
left: 0, left: 0,
right: 0, right: 0,
child: Text( child: Text(

34
lib/components/scan_button.dart
View File

@ -7,25 +7,25 @@ class ScanButton extends StatelessWidget {
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
return Expanded( return Container(
child: Container( width: 86,
decoration: BoxDecoration( height: 86,
shape: BoxShape.circle, decoration: BoxDecoration(
color: const Color.fromARGB(223, 67, 63, 179), shape: BoxShape.circle,
), color: const Color.fromARGB(223, 67, 63, 179),
padding: EdgeInsets.all(10), ),
child: IconButton( padding: EdgeInsets.all(10),
icon: SvgPicture.asset( child: IconButton(
'assets/icons/Scan.svg', icon: SvgPicture.asset(
width: 60, 'assets/icons/Scan.svg',
height: 60, width: 60,
colorFilter: ColorFilter.mode( height: 60,
Color.fromARGB(255, 217, 219, 227), colorFilter: ColorFilter.mode(
BlendMode.srcIn, Color.fromARGB(255, 217, 219, 227),
), BlendMode.srcIn,
), ),
onPressed: () {},
), ),
onPressed: () {},
), ),
); );
} }

6
lib/components/tab_menu.dart
View File

@ -24,8 +24,8 @@ class TabMenuButton extends StatelessWidget {
IconButton( IconButton(
icon: SvgPicture.asset( icon: SvgPicture.asset(
icon!, icon!,
width: 28, width: 20,
height: 28, height: 20,
colorFilter: ColorFilter.mode( colorFilter: ColorFilter.mode(
isSelected isSelected
? const Color.fromARGB(255, 106, 24, 207) ? const Color.fromARGB(255, 106, 24, 207)
@ -38,7 +38,7 @@ class TabMenuButton extends StatelessWidget {
GestureDetector( GestureDetector(
onTap: onPress, // Menggunakan satu event handler saja onTap: onPress, // Menggunakan satu event handler saja
child: Container( child: Container(
width: 120, width: 110,
padding: const EdgeInsets.symmetric(vertical: 8, horizontal: 16), padding: const EdgeInsets.symmetric(vertical: 8, horizontal: 16),
decoration: BoxDecoration( decoration: BoxDecoration(
color: color:

4
lib/main.dart
View File

@ -1,4 +1,5 @@
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:freekake/components/navbar_container.dart'; import 'package:freekake/components/navbar_container.dart';
import 'package:freekake/providers/character_provider.dart'; import 'package:freekake/providers/character_provider.dart';
import 'package:freekake/screen/Home_screen.dart'; import 'package:freekake/screen/Home_screen.dart';
@ -6,6 +7,9 @@ import 'package:freekake/screen/drraw_screen.dart';
import 'package:provider/provider.dart'; import 'package:provider/provider.dart';
void main() { void main() {
WidgetsFlutterBinding.ensureInitialized();
SystemChrome.setEnabledSystemUIMode(SystemUiMode.immersiveSticky);
runApp(const MyApp()); runApp(const MyApp());
} }

95
lib/screen/Home_screen.dart
View File

@ -73,21 +73,16 @@ class _HomeScreenState extends State<HomeScreen> {
body: Stack( body: Stack(
children: <Widget>[ children: <Widget>[
Positioned.fill( Positioned.fill(
child: UnityWidget( child: RepaintBoundary(
onUnityCreated: onUnityCreated, child: Container(
//isARScene: true, decoration: const BoxDecoration(
onUnityMessage: onUnityMessage, image: const DecorationImage(
//onUnitySceneLoaded: onUnitySceneLoaded, image: AssetImage("assets/images/background.jpeg"),
fullscreen: false, fit: BoxFit.cover,
),
),
),
), ),
// child: Container(
// decoration: BoxDecoration(
// image: DecorationImage(
// image: AssetImage("assets/images/background.jpeg"),
// fit: BoxFit.cover,
// ),
// ),
// ),
), ),
// Positioned( // Positioned(
// top: 0, // top: 0,
@ -200,40 +195,40 @@ class _HomeScreenState extends State<HomeScreen> {
], ],
), ),
), ),
// Positioned( Positioned(
// bottom: 150, bottom: 150,
// left: 0, left: 0,
// right: 0, right: 0,
// child: Column( child: Column(
// children: [ children: [
// Container( Container(
// padding: EdgeInsets.symmetric(horizontal: 20, vertical: 10), padding: EdgeInsets.symmetric(horizontal: 20, vertical: 10),
// decoration: BoxDecoration( decoration: BoxDecoration(
// color: Color.fromARGB(255, 247, 224, 236), color: Color.fromARGB(255, 247, 224, 236),
// borderRadius: BorderRadius.circular(10), borderRadius: BorderRadius.circular(10),
// boxShadow: [ boxShadow: [
// BoxShadow( BoxShadow(
// color: Color.fromARGB(255, 214, 213, 121), color: Color.fromARGB(255, 214, 213, 121),
// blurRadius: 5, blurRadius: 5,
// spreadRadius: 2, spreadRadius: 2,
// ), ),
// ], ],
// ), ),
// child: Text( child: Text(
// "Halo....Jotaslim", "Halo....Jotaslim",
// style: TextStyle( style: TextStyle(
// fontSize: 12, fontSize: 12,
// fontWeight: FontWeight.bold, fontWeight: FontWeight.bold,
// color: Color(0xFF000000), color: Color(0xFF000000),
// ), ),
// ), ),
// ), ),
// SizedBox(height: 10), SizedBox(height: 10),
// setHomeImage("images/luffy.png", 300), setHomeImage("assets/images/luffy.png", 300),
// // Image.asset("images/luffy.png", width: 300), // Image.asset("images/luffy.png", width: 300),
// ], ],
// ), ),
// ), ),
// BG MEnu // BG MEnu
Stack( Stack(
children: [ children: [
@ -247,8 +242,8 @@ class _HomeScreenState extends State<HomeScreen> {
), ),
Positioned(bottom: 0, left: 0, right: 0, child: MainMenu()), Positioned(bottom: 0, left: 0, right: 0, child: MainMenu()),
Positioned( Positioned(
bottom: 1, bottom: 5,
left: MediaQuery.of(context).size.width / 2 - 48, left: MediaQuery.of(context).size.width / 2 - 43,
child: Transform.translate( child: Transform.translate(
offset: Offset(0, -20), offset: Offset(0, -20),
child: ScanButton(), child: ScanButton(),

86
lib/screen/collection/collection_caracter_screen.dart
View File

@ -24,50 +24,56 @@ class _CollectionCaraterScreenState extends State<CollectionCaraterScreen> {
children: [ children: [
Text("Favorit", style: TextStyle(color: Colors.black)), Text("Favorit", style: TextStyle(color: Colors.black)),
Divider(height: 20, color: Colors.transparent), Divider(height: 20, color: Colors.transparent),
Row( SingleChildScrollView(
// alignment: WrapAlignment.spaceAround, scrollDirection: Axis.horizontal,
spacing: 10, // Horizontal spacing between the containers child: Row(
// runSpacing: 10, // Vertical spacing between lines // alignment: WrapAlignment.spaceAround,
children: [ spacing: 10, // Horizontal spacing between the containers
CollectionContainer( // runSpacing: 10, // Vertical spacing between lines
label: "Luffy", children: [
imagesrc: 'assets/images/luffy.png', CollectionContainer(
colorContiner: Color.fromRGBO(12, 199, 215, 1), label: "Luffy",
onTapAc: () => {}, imagesrc: 'assets/images/luffy.png',
), colorContiner: Color.fromRGBO(12, 199, 215, 1),
CollectionContainer( onTapAc: () => {},
label: "Oni Chan", ),
imagesrc: 'assets/images/klipartz.png', CollectionContainer(
onTapAc: () => {}, label: "Oni Chan",
), imagesrc: 'assets/images/klipartz.png',
], onTapAc: () => {},
),
],
),
), ),
Divider(height: 20, color: Colors.transparent), Divider(height: 20, color: Colors.transparent),
Text("Semua", style: TextStyle(color: Colors.black)), Text("Semua", style: TextStyle(color: Colors.black)),
Divider(height: 20, color: Colors.transparent), Divider(height: 20, color: Colors.transparent),
Row( SingleChildScrollView(
// alignment: WrapAlignment.spaceAround, scrollDirection: Axis.horizontal,
spacing: 10, // Horizontal spacing between the containers child: Row(
// runSpacing: 10, // Vertical spacing between lines // alignment: WrapAlignment.spaceAround,
children: [ spacing: 10, // Horizontal spacing between the containers
CollectionContainer( // runSpacing: 10, // Vertical spacing between lines
label: "Luffy", children: [
imagesrc: 'assets/images/luffy.png', CollectionContainer(
colorContiner: Color.fromRGBO(12, 199, 215, 1), label: "Luffy",
onTapAc: () => {}, imagesrc: 'assets/images/luffy.png',
), colorContiner: Color.fromRGBO(12, 199, 215, 1),
CollectionContainer( onTapAc: () => {},
label: "Oni Chan", ),
imagesrc: 'assets/images/klipartz.png', CollectionContainer(
onTapAc: () => {}, label: "Oni Chan",
), imagesrc: 'assets/images/klipartz.png',
CollectionContainer( onTapAc: () => {},
label: "Cepot", ),
imagesrc: 'assets/images/cepott.png', CollectionContainer(
colorContiner: Color.fromRGBO(237, 207, 100, 1.0), label: "Cepot",
onTapAc: () => {}, imagesrc: 'assets/images/cepott.png',
), colorContiner: Color.fromRGBO(237, 207, 100, 1.0),
], onTapAc: () => {},
),
],
),
), ),
], ],
), ),

90
lib/screen/collection/collection_skin_screen.dart
View File

@ -11,8 +11,9 @@ class CollectionSkinScreen extends StatefulWidget {
class _CollectionSkinScreenState extends State<CollectionSkinScreen> { class _CollectionSkinScreenState extends State<CollectionSkinScreen> {
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
return SingleChildScrollView( return Container(
scrollDirection: Axis.horizontal, // scrollDirection: Axis.horizontal,
height: MediaQuery.of(context).size.height,
child: Column( child: Column(
crossAxisAlignment: CrossAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start,
children: [ children: [
@ -21,56 +22,57 @@ class _CollectionSkinScreenState extends State<CollectionSkinScreen> {
padding: EdgeInsets.only(top: 40, left: 20, right: 20, bottom: 20), padding: EdgeInsets.only(top: 40, left: 20, right: 20, bottom: 20),
child: Column( child: Column(
crossAxisAlignment: CrossAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start,
children: [ children: [
Text("Luffy", style: TextStyle(color: Colors.black)), Text("Luffy", style: TextStyle(color: Colors.black)),
Divider(height: 10), Divider(height: 10),
Row( SingleChildScrollView(
// alignment: WrapAlignment.start, scrollDirection: Axis.horizontal,
spacing: 10, // Horizontal spacing between the containers child: Row(
// runSpacing: 10, // Vertical spacing between lines spacing: 10, // Horizontal spacing between the containers
children: [ children: [
CollectionContainer( CollectionContainer(
label: "Luffy Kimono", label: "Luffy Kimono",
imagesrc: 'assets/images/luffy-kimono.png', imagesrc: 'assets/images/luffy-kimono.png',
colorContiner: Color.fromRGBO(12, 199, 215, 1), colorContiner: Color.fromRGBO(12, 199, 215, 1),
onTapAc: () => {}, onTapAc: () => {},
), ),
CollectionContainer( CollectionContainer(
label: "Luffy (Default)", label: "Luffy (Default)",
imagesrc: 'assets/images/luffy.png', imagesrc: 'assets/images/luffy.png',
colorContiner: Color.fromRGBO(12, 199, 215, 1), colorContiner: Color.fromRGBO(12, 199, 215, 1),
onTapAc: () => {}, onTapAc: () => {},
), ),
CollectionContainer( CollectionContainer(
label: "Luffy King", label: "Luffy King",
imagesrc: 'assets/images/luffy-king.png', imagesrc: 'assets/images/luffy-king.png',
colorContiner: Color.fromRGBO(12, 199, 215, 1), colorContiner: Color.fromRGBO(12, 199, 215, 1),
onTapAc: () => {}, onTapAc: () => {},
), ),
], ],
),
), ),
Divider(height: 20, color: Colors.transparent), Divider(height: 20, color: Colors.transparent),
Text("Lainnya", style: TextStyle(color: Colors.black)), Text("Lainnya", style: TextStyle(color: Colors.black)),
Divider(height: 10), Divider(height: 10),
Row( SingleChildScrollView(
// alignment: WrapAlignment.start, scrollDirection: Axis.horizontal,
spacing: 10, // Horizontal spacing between the containers child: Row(
// runSpacing: 10, // Vertical spacing between lines spacing: 10,
children: [ children: [
CollectionContainer( CollectionContainer(
label: "Oni Chan (Default)", label: "Oni Chan (Default)",
imagesrc: 'assets/images/klipartz.png', imagesrc: 'assets/images/klipartz.png',
onTapAc: () => {}, onTapAc: () => {},
), ),
CollectionContainer( CollectionContainer(
label: "Cepot (Default)", label: "Cepot (Default)",
imagesrc: 'assets/images/cepott.png', imagesrc: 'assets/images/cepott.png',
colorContiner: Color.fromRGBO(237, 207, 100, 1.0), colorContiner: Color.fromRGBO(237, 207, 100, 1.0),
onTapAc: () => {}, onTapAc: () => {},
), ),
], ],
),
), ),
], ],
), ),

11
lib/screen/koleksi_screen.dart
View File

@ -36,6 +36,7 @@ class _KoleksiScreenState extends State<KoleksiScreen> {
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
return Scaffold( return Scaffold(
extendBody: true,
body: Stack( body: Stack(
children: <Widget>[ children: <Widget>[
Positioned.fill( Positioned.fill(
@ -115,9 +116,9 @@ class _KoleksiScreenState extends State<KoleksiScreen> {
// ), // ),
// ), // ),
Positioned( Positioned(
top: 80, top: 70,
left: 40, left: 10,
right: 40, right: 10,
child: Container( child: Container(
// decoration: const BoxDecoration( // decoration: const BoxDecoration(
// borderRadius: BorderRadius.all(Radius.circular(20)), // borderRadius: BorderRadius.all(Radius.circular(20)),
@ -148,8 +149,8 @@ class _KoleksiScreenState extends State<KoleksiScreen> {
), ),
Positioned(bottom: 0, left: 0, right: 0, child: MainMenu()), Positioned(bottom: 0, left: 0, right: 0, child: MainMenu()),
Positioned( Positioned(
bottom: 1, bottom: 5,
left: MediaQuery.of(context).size.width / 2 - 48, left: MediaQuery.of(context).size.width / 2 - 43,
child: Transform.translate( child: Transform.translate(
offset: Offset(0, -20), offset: Offset(0, -20),
child: ScanButton(), child: ScanButton(),

53
lib/screen/pustaka/list_education.dart
View File

@ -5,6 +5,7 @@ import 'package:freekake/components/collection_container%20copy.dart';
import 'package:freekake/components/main_menu.dart'; import 'package:freekake/components/main_menu.dart';
import 'package:freekake/components/topbar_container.dart'; import 'package:freekake/components/topbar_container.dart';
import 'package:freekake/screen/pustaka/pustaka_detail_screen.dart'; import 'package:freekake/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});
@ -43,13 +44,33 @@ class _ListEducationState extends State<ListEducation> {
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
String _searchQuery = ""; String _searchQuery = "";
final List<Map<String, String>> _collections = [ final List<Map<String, dynamic>> _collections = [
{"label": "Kesehatan", "image": "assets/icons/healthy.svg"}, {
{"label": "Gizi", "image": "assets/icons/Nutrition.svg"}, "label": "Kesehatan",
{"label": "Pendidikan", "image": "assets/icons/Education.svg"}, "image": "assets/icons/healthy.svg",
{"label": "Keselamatan", "image": "assets/icons/Safety.svg"}, "color": "#cdd0ee",
"category": "kesehatan",
},
{
"label": "Gizi",
"image": "assets/icons/Nutrition.svg",
"color": "#e8e29a",
"category": "gizi",
},
{
"label": "Pendidikan",
"image": "assets/icons/Education.svg",
"color": "#efd8c6",
"category": "pendidikan",
},
{
"label": "Keselamatan",
"image": "assets/icons/Safety.svg",
"color": "#cef1da",
"category": "keselamatan",
},
]; ];
List<Map<String, String>> filteredCollections = List<Map<String, dynamic>> filteredCollections =
_collections _collections
.where( .where(
(item) => item["label"]!.toLowerCase().contains( (item) => item["label"]!.toLowerCase().contains(
@ -66,13 +87,13 @@ class _ListEducationState extends State<ListEducation> {
), ),
actions: <Widget>[], actions: <Widget>[],
), ),
backgroundColor: Colors.black26, backgroundColor: const Color.fromARGB(255, 255, 255, 255),
body: Column( body: Column(
children: [ children: [
// Header Section // Header Section
Container( Container(
width: MediaQuery.of(context).size.width, width: MediaQuery.of(context).size.width,
height: 165, height: 150,
decoration: BoxDecoration( decoration: BoxDecoration(
color: const Color.fromARGB(225, 79, 76, 182), color: const Color.fromARGB(225, 79, 76, 182),
borderRadius: BorderRadius.only( borderRadius: BorderRadius.only(
@ -85,7 +106,7 @@ class _ListEducationState extends State<ListEducation> {
Padding( Padding(
padding: const EdgeInsets.symmetric( padding: const EdgeInsets.symmetric(
horizontal: 20, horizontal: 20,
vertical: 20, vertical: 6,
), ),
child: Container( child: Container(
height: 47, height: 47,
@ -141,21 +162,17 @@ class _ListEducationState extends State<ListEducation> {
return CollectionContainer( return CollectionContainer(
label: item["label"]!, label: item["label"]!,
imageSvg: item["image"]!, imageSvg: item["image"]!,
iconw: 60, iconw: 20,
iconh: 60, iconh: 20,
width: 70, width: 70,
height: 70, height: 70,
circle: false,
textColor: Colors.black, textColor: Colors.black,
lblSize: 10, lblSize: 10,
colorContiner: ColorHelper.hexToColor(item["color"]),
onTapAc: onTapAc:
() => { () => {
Navigator.push( searchController.clear(),
context, filterSearch(item["category"]),
MaterialPageRoute(
builder: (context) => ListEducation(),
),
),
}, },
); );
}).toList(), }).toList(),

8
lib/screen/pustaka/pustaka_detail_screen copy.dart
View File

@ -91,25 +91,25 @@ class _PustakaScreenState extends State<PustakaScreen> {
final List<Map<String, String>> _collections = [ final List<Map<String, String>> _collections = [
{ {
"label": "Luffy", "label": "Luffy",
"image": "images/luffy.png", "image": "assets/images/luffy.png",
"description": "description":
"Karakter utama di One Piece.\nDia adalah bajak laut yang bercita-cita menjadi Raja Bajak Laut.", "Karakter utama di One Piece.\nDia adalah bajak laut yang bercita-cita menjadi Raja Bajak Laut.",
}, },
{ {
"label": "Oni Chan", "label": "Oni Chan",
"image": "images/klipartz.png", "image": "assets/images/klipartz.png",
"description": "description":
"Karakter ikonik dari anime.\nIa dikenal karena sifatnya yang protektif dan penyayang.", "Karakter ikonik dari anime.\nIa dikenal karena sifatnya yang protektif dan penyayang.",
}, },
{ {
"label": "Cepot", "label": "Cepot",
"image": "images/cepott.png", "image": "assets/images/cepott.png",
"description": "description":
"Tokoh wayang golek terkenal.\nCepot dikenal dengan lelucon dan kebijaksanaannya.", "Tokoh wayang golek terkenal.\nCepot dikenal dengan lelucon dan kebijaksanaannya.",
}, },
{ {
"label": "Cepot", "label": "Cepot",
"image": "images/cepott.png", "image": "assets/images/cepott.png",
"description": "description":
"Tokoh wayang golek terkenal.\nCepot dikenal dengan lelucon dan kebijaksanaannya.", "Tokoh wayang golek terkenal.\nCepot dikenal dengan lelucon dan kebijaksanaannya.",
}, },

98
lib/screen/pustaka_screen.dart
View File

@ -22,10 +22,26 @@ class _PustakaScreenState extends State<PustakaScreen> {
String _searchQuery = ""; String _searchQuery = "";
final List<Map<String, dynamic>> _collections = [ final List<Map<String, dynamic>> _collections = [
{"label": "Kesehatan", "image": "assets/icons/healthy.svg", "color": "#cdd0ee"}, {
{"label": "Gizi", "image": "assets/icons/Nutrition.svg", "color": "#e8e29a"}, "label": "Kesehatan",
{"label": "Pendidikan", "image": "assets/icons/Education.svg", "color": "#efd8c6"}, "image": "assets/icons/healthy.svg",
{"label": "Keselamatan", "image": "assets/icons/Safety.svg", "color": "#cef1da"}, "color": "#cdd0ee",
},
{
"label": "Gizi",
"image": "assets/icons/Nutrition.svg",
"color": "#e8e29a",
},
{
"label": "Pendidikan",
"image": "assets/icons/Education.svg",
"color": "#efd8c6",
},
{
"label": "Keselamatan",
"image": "assets/icons/Safety.svg",
"color": "#cef1da",
},
]; ];
void _onMenuTapped(int index) { void _onMenuTapped(int index) {
@ -110,7 +126,7 @@ class _PustakaScreenState extends State<PustakaScreen> {
height: 47, height: 47,
decoration: BoxDecoration( decoration: BoxDecoration(
borderRadius: BorderRadius.circular(20), borderRadius: BorderRadius.circular(20),
color: const Color.fromARGB(50, 237, 227, 227), color: const Color.fromARGB(255, 237, 227, 227),
), ),
padding: const EdgeInsets.symmetric(horizontal: 15), padding: const EdgeInsets.symmetric(horizontal: 15),
child: Row( child: Row(
@ -141,16 +157,17 @@ class _PustakaScreenState extends State<PustakaScreen> {
), ),
), ),
// Collection Items // Collection Items
Expanded( Container(
height: 440,
child: Padding( child: Padding(
padding: const EdgeInsets.symmetric( padding: const EdgeInsets.symmetric(
horizontal: 100, horizontal: 58,
vertical: 40, vertical: 60,
), ),
child: GridView.builder( child: GridView.builder(
gridDelegate: gridDelegate:
const SliverGridDelegateWithMaxCrossAxisExtent( const SliverGridDelegateWithMaxCrossAxisExtent(
maxCrossAxisExtent: 140, // Maksimum lebar tiap item maxCrossAxisExtent: 140,
mainAxisSpacing: 20, mainAxisSpacing: 20,
crossAxisSpacing: 20, crossAxisSpacing: 20,
childAspectRatio: 1, // 1:1 rasio (kotak) childAspectRatio: 1, // 1:1 rasio (kotak)
@ -177,52 +194,27 @@ class _PustakaScreenState extends State<PustakaScreen> {
}, },
); );
}, },
// GridView.count(
// crossAxisCount: 2,
// crossAxisSpacing: 20,
// mainAxisSpacing: 20,
// children:
// filteredCollections.map((item) {
// return CollectionContainer(
// label: item["label"]!,
// imageSvg: item["image"]!,
// width: 80,
// height: 80,
// textColor: Colors.black,
// circle: true,
// colorContiner: item["color"]! as Color,
// onTapAc:
// () => {
// Navigator.push(
// context,
// MaterialPageRoute(
// builder: (context) => ListEducation(),
// ),
// ),
// },
// );
// }).toList(),
),
),
),
SizedBox(
child: Padding(
padding: const EdgeInsets.symmetric(
horizontal: 40,
vertical: 1,
),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text("Daftar Topik", style: TextStyle(color: Colors.black)),
Divider(color: Colors.transparent),
],
), ),
), ),
), ),
// SizedBox(
// child: Padding(
// padding: const EdgeInsets.symmetric(
// horizontal: 5,
// vertical: 1,
// ),
// child: Column(
// crossAxisAlignment: CrossAxisAlignment.start,
// children: [
// Text("List Topic", style: TextStyle(color: Colors.black)),
// Divider(color: Colors.transparent),
// ],
// ),
// ),
// ),
// Horizontal Scroll List // Horizontal Scroll List
Padding( Padding(
padding: EdgeInsets.symmetric(horizontal: 40, vertical: 10), padding: EdgeInsets.symmetric(horizontal: 5, vertical: 5),
child: SizedBox( child: SizedBox(
width: MediaQuery.of(context).size.width, width: MediaQuery.of(context).size.width,
height: 100, height: 100,
@ -284,7 +276,7 @@ class _PustakaScreenState extends State<PustakaScreen> {
), ),
), ),
// Bottom Navigation // Bottom Navigation
MainMenu(), // MainMenu(),
], ],
), ),
// BG MEnu // BG MEnu
@ -300,8 +292,8 @@ class _PustakaScreenState extends State<PustakaScreen> {
], ],
), ),
Positioned( Positioned(
bottom: 1, bottom: 5,
left: MediaQuery.of(context).size.width / 2 - 48, left: MediaQuery.of(context).size.width / 2 - 43,
child: Transform.translate( child: Transform.translate(
offset: Offset(0, -20), offset: Offset(0, -20),
child: ScanButton(), child: ScanButton(),

4
lib/screen/saya/profile_screen.dart
View File

@ -340,8 +340,8 @@ class _ProfileScreenState extends State<ProfileScreen> {
), ),
Positioned(bottom: 0, left: 0, right: 0, child: MainMenu()), Positioned(bottom: 0, left: 0, right: 0, child: MainMenu()),
Positioned( Positioned(
bottom: 1, bottom: 5,
left: MediaQuery.of(context).size.width / 2 - 48, left: MediaQuery.of(context).size.width / 2 - 43,
child: Transform.translate( child: Transform.translate(
offset: Offset(0, -20), offset: Offset(0, -20),
child: ScanButton(), child: ScanButton(),

2
pubspec.lock
View File

@ -167,7 +167,7 @@ packages:
source: hosted source: hosted
version: "5.0.0" version: "5.0.0"
flutter_plugin_android_lifecycle: flutter_plugin_android_lifecycle:
dependency: transitive dependency: "direct main"
description: description:
name: flutter_plugin_android_lifecycle name: flutter_plugin_android_lifecycle
sha256: "1c2b787f99bdca1f3718543f81d38aa1b124817dfeb9fb196201bea85b6134bf" sha256: "1c2b787f99bdca1f3718543f81d38aa1b124817dfeb9fb196201bea85b6134bf"

45
pubspec.yaml
View File

@ -43,6 +43,7 @@ dependencies:
flutter_html: ^3.0.0-beta.2 flutter_html: ^3.0.0-beta.2
image_picker_for_web: ^3.0.6 image_picker_for_web: ^3.0.6
image_picker_web: ^4.0.0 image_picker_web: ^4.0.0
flutter_plugin_android_lifecycle: ^2.0.9
# arcore_flutter_plugin: ^0.2.0-alpha # arcore_flutter_plugin: ^0.2.0-alpha
# flutter_unity_widget: ^2022.2.1 # flutter_unity_widget: ^2022.2.1
# arcore_flutter_plugin: # arcore_flutter_plugin:
@ -77,28 +78,32 @@ flutter:
uses-material-design: true uses-material-design: true
# To add assets to your application, add an assets section, like this: # To add assets to your application, add an assets section, like this:
# assets:
# - images/a_dot_burr.jpeg
# - images/a_dot_ham.jpeg
assets: assets:
- assets/icons/furrybuddy.svg - assets/images/Artboard 15@4x.png
- assets/icons/Scan.svg - assets/images/Artboard 16@4x.png
- assets/icons/Saya.svg - assets/images/background.jpeg
- assets/icons/Pustaka.svg - assets/images/cepott.png
- assets/icons/koleksi.svg - assets/images/ft_cepot.png
- assets/icons/healthy.svg - assets/images/ft_luffy.png
- assets/icons/Nutrition.svg - assets/images/klipartz.png
- assets/icons/Education.svg - assets/images/luffy-kimono.png
- assets/icons/Safety.svg - assets/images/luffy-king.png
- assets/images/luffy-u.png
- assets/images/luffy.gif
- assets/images/luffy.png - assets/images/luffy.png
- assets/images/background.jpeg
- assets/images/luffy-u.png # SVG files
- assets/images/klipartz.png - assets/icons/E-furrybuddy.svg
- assets/images/cepott.png - assets/icons/E-furrybuddy1.svg
- assets/images/ft_luffy.png - assets/icons/Education.svg
- assets/images/ft_cepot.png - assets/icons/furrybuddy.svg
- assets/images/luffy-kimono.png - assets/icons/healthy.svg
- assets/images/luffy-king.png - assets/icons/Koleksi.svg
- assets/icons/Nutrition.svg
- assets/icons/Pustaka.svg
- assets/icons/Safety.svg
- assets/icons/Saya.svg
- assets/icons/Scan.svg
# An image asset can refer to one or more resolution-specific "variants", see # An image asset can refer to one or more resolution-specific "variants", see
# https://flutter.dev/to/resolution-aware-images # https://flutter.dev/to/resolution-aware-images