tekflat_design 1.4.5+1 tekflat_design: ^1.4.5+1 copied to clipboard
Teko Flat Design.
Teko Flat Design
A TEKO FLAT DESIGN framework designed for Web, Android, IOS, MACOS, Linux, Window application, contains some high quality widgets.
✨ Features #
- 🌈 Enterprise-class UI designed for Web, Android, IOS, MACOS, Linux, Window applications.
- 📦 A set of high-quality Flutter widgets out of the box.
- 🛡 Written in pure Dart with null safety.
🖥 Environment Support #
- Working on Windows and Mac OS
📦 Install #
flutter pub add tekflat_design
🔨 Usage #
1. Sample code #
import 'package:tekflat_design/tekflat_design.dart';
void main() {
runApp(
const MaterialApp(
// TekFlatDesign provide two themes: light and dark
// You can use any of them or both
// You can also create your own theme
theme: TekThemes.light,
home: Scaffold(
body: Center(
child: TekButton(onPressed: () {}, text: 'Click me'),
),
),
),
);
}
2. Responsive layout #
import 'package:tekflat_design/tekflat_design.dart';
void main() {
runApp(
const MaterialApp(
theme: TekThemes.light,
home: TekResponsive.appResBuilder(
// You can use any of these devices
// This function will init ScreenDevice: desktop, tablet, mobile
child: Scaffold(
body: TekResponsive.resBuilder(
// set up your screen
children: Center(
child: TekTypography(text: 'Default Screen'),
),
desktop: Center(
child: TekTypography(text: 'Screen on desktop'),
),
tablet: Center(
child: TekTypography(text: 'Screen on tablet'),
),
mobile: Center(
child: TekTypography(text: 'Screen on mobile'),
),
),
),
),
),
);
}
Null Safety #
tekflat_design
is written in dart with null safety.
🔗 Links #
⌨️ Development #
Use GitHub, a free online dev environment for GitHub.
Or clone locally:
$ git git@github.com:nghetien/tekflat_design.git
$ cd tekflat_design
$ flutter pub get
$ flutter run
Now flutter will run on the connected device in your environment.
🤝 Contributing #
We welcome all contributions. You can submit any ideas as pull requests or as GitHub issues.