hondooye_design_system 0.0.1 hondooye_design_system: ^0.0.1 copied to clipboard
hondooye design system
import 'package:flutter/material.dart';
import 'package:hondooye_design_system/hondooye_design_system.dart';
import 'theme_notifier.dart';
void main() {
runApp(ThemeNotifier(child: const MyApp()));
}
class MyApp extends StatelessWidget {
const MyApp({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {
return ValueListenableBuilder(
valueListenable: ThemeNotifier.of(context)!.theme,
builder: (BuildContext context, ThemeData themeData, child) {
return MaterialApp(
debugShowCheckedModeBanner: false,
title: 'Hondooye Package Test App',
theme: themeData,
home: const MyHomePage(title: 'Hondooye'),
);
},
);
}
}
class MyHomePage extends StatefulWidget {
const MyHomePage({Key? key, required this.title}) : super(key: key);
final String title;
@override
State<MyHomePage> createState() => _MyHomePageState();
}
class _MyHomePageState extends State<MyHomePage> {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text(widget.title),
),
body: Center(
child: Column(
children: [
Padding(
padding: const EdgeInsets.all(8.0),
child: Row(
children: [
Container(
width: 20,
height: 20,
color: HdyColor.primary,
),
Container(
width: 20,
height: 20,
color: HdyColor.secondary,
),
Container(
width: 20,
height: 20,
color: HdyColor.tertiary,
),
const Spacer(),
Container(
width: 20,
height: 20,
color: HdyColor.pinkLavender,
),
Container(
width: 20,
height: 20,
color: HdyColor.lilac,
),
Container(
width: 20,
height: 20,
color: HdyColor.bilobaFlower,
),
Container(
width: 20,
height: 20,
color: HdyColor.veryPeri,
),
Container(
width: 20,
height: 20,
color: HdyColor.royalPurple,
),
Container(
width: 20,
height: 20,
color: HdyColor.deepPurple,
),
Container(
width: 20,
height: 20,
color: HdyColor.tyrianPurple,
),
Container(
width: 20,
height: 20,
color: HdyColor.mahoganyRed,
),
Container(
width: 20,
height: 20,
color: HdyColor.carmine,
),
Container(
width: 20,
height: 20,
color: HdyColor.oldLavender,
),
Container(
width: 20,
height: 20,
color: HdyColor.grey,
),
],
),
),
Text("NotoSansKR 노토산스", style: NotoSansKR.thin(fontSize: 12)),
Text("NotoSansKR 노토산스", style: NotoSansKR.light(fontSize: 12)),
Text("NotoSansKR 노토산스", style: NotoSansKR.regular(fontSize: 12)),
Text("NotoSansKR 노토산스", style: NotoSansKR.medium(fontSize: 12)),
Text("NotoSansKR 노토산스", style: NotoSansKR.bold(fontSize: 12)),
Text("NotoSansKR 노토산스", style: NotoSansKR.black(fontSize: 12)),
Text("Roboto 로보토", style: Roboto.thin(fontSize: 12)),
Text("Roboto 로보토", style: Roboto.light(fontSize: 12)),
Text("Roboto 로보토", style: Roboto.regular(fontSize: 12)),
Text("Roboto 로보토", style: Roboto.medium(fontSize: 12)),
Text("Roboto 로보토", style: Roboto.bold(fontSize: 12)),
Text("Roboto 로보토", style: Roboto.black(fontSize: 12)),
Text("SFPro 샌프란시스코프로", style: SFPro.thin(fontSize: 12)),
Text("SFPro 샌프란시스코프로", style: SFPro.light(fontSize: 12)),
Text("SFPro 샌프란시스코프로", style: SFPro.regular(fontSize: 12)),
Text("SFPro 샌프란시스코프로", style: SFPro.medium(fontSize: 12)),
Text("SFPro 샌프란시스코프로", style: SFPro.bold(fontSize: 12)),
Text("SFPro 샌프란시스코프로", style: SFPro.black(fontSize: 12)),
Text(
"Google 구글",
style: M3Typo.titleLarge,
),
Text(
"Google 구글",
style: Roboto.regular(fontSize: 22),
),
Text(
"Apple 애플",
style: HIGTypo.title2,
),
Text(
"Apple 애플",
style: SFPro.regular(fontSize: 22),
),
const SizedBox(height: 32),
Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
ElevatedButton(
onPressed: () {
ThemeNotifier.of(context)!.setLightMode();
},
child: const Text("Light Theme")),
const SizedBox(width: 32),
ElevatedButton(
onPressed: () {
ThemeNotifier.of(context)!.setDarkMode();
},
child: const Text("Dark Theme")),
],
),
],
),
),
);
}
}