Introduction

Custom UI for flutter mobile & web

Widgets

  • TApp
  • TPage
  • TRoute
  • TNavigationBar
  • TNavigationBarItem
  • TButton

Usage

return TApp(
  title: 'T Flutter UI Example',
  routes: []
);

return TPage(
  saftTop: true,
  saftBottom: true,
   body: Column(
      children: [
        Expanded(
          child: ListView(
            children: [TButton(text: "ยินดีต้อนรับ", onPressed: () {})],
          ),
        ),
        TNavigationBar(
          items: [
            TNavigationBarItemStyle1(
              icon: Icons.home,
              label: 'Home',
              selectedColor: Colors.red,
              isSelected: true,
              onTap: () {},
            ),
            TNavigationBarItemStyle2(
              icon: Icons.search,
              label: 'Search',
              isSelected: false,
              onTap: () {},
            ),
          ]
      ]
   );
);

return TNavigationBar(
  items: [
    TNavigationBarItemStyle1(), 
  ]
);

final route = TRoute(name: "", page: () => TPage());

Libraries

t_flutter_ui