Katika somo hili utakwenda kujifunza jisni ya kuweka drawer menu kwenye app ya flutter.
Menu ya drawer hii ni ile ambayo ukibofya ku kama ukurasa unafunguka na unakuwa na menu nyingine. Menu hii inawekwa kwa kutumia widget ya drawer: Drawer()
import 'package:flutter/material.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: MyHomePage(),
);
}
}
class MyHomePage extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('Drawer Menu Example'),
),
body: const Center(
child: Text('Home Page'),
),
drawer: Drawer(
),
);
}
}
Baadhi ya properties za drawer:
Child hii inakuwa na widget kama listview, column, drawer header na title
Background ambayo inaweza kuwa na widget kama color
Elevation hii inaonyesha kivuli shini ya dawer
Shapeborder hii huonyesha umbo la drawer.
DrawerHeader hii huonyesha kichwa cha hiyo drawer
Listview hii husaidia kupangilia menu kwenye drawer katika orodtha. Ndani yake menu unaweza kuziweka kwenye widget ya listtitle
Mfano wa widget kwenye drawer:
import 'package:flutter/material.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
appBar: AppBar(
title: Text('Drawer Example'),
),
Jifunze zaidi, na wasiliana nasi ukiwa na App yetu. Bofya link hapo chini kuweza kuipakua.
Download NowKatika somo hili tutakwend akuyaona baadhi ya maeneo muhimu ya kuanzia kuyajuwa kwa ajili ya course ya flutter kwneye android studio.
Soma Zaidi...Katika somo hili utakwend akujifunza kuhusu scaffold widget. Hapa tutakwend kuona properties zake na baadhi ya mifano.
Soma Zaidi...Katika Flutter, Text Widget ni kipengele kinachotumiwa kuonyesha maandishi kwenye programu. Kwa kawaida, hutumiwa kama sehemu ya muundo wa UI ya programu za Flutter.
Soma Zaidi...Katika somo hili utakwenda kujifunza kuhusu widget ya Image ambayo hutumika kuonyesha picha kwenye App.
Soma Zaidi...Katika somo hili uatwkeda kujifunza zaidi kuhusu widget, maana yake, aia zake na kazi zake kwneye flutter.
Soma Zaidi...Katika somo hili utakwend akujifunza kuhusu widget ya AppBar. Hata tutaona inavyofanya kazi na baadhi ya property zake.
Soma Zaidi...Katika somo hili uatakwenda kujifunz ajinsi ya kutumia batani na kuweka maumbo mbalimbali ya batani.
Soma Zaidi...Katika somo hili utakwenda kujifunza jinsi ya kubadili app icon kwenye app ya Android na iphone kwenye flutter.
Soma Zaidi...Katika somo hili utakwenda kujifunza sasa jinsi ya kuandika code za app yetu kwenye flutter framework.
Soma Zaidi...Katika somo hili utakwenda kujifunza kuhusu row widget. Hii ni widget ambayo ina utofauti na column widget kwa kuwa hii yenyewe inapangilia maudhui kwa safu za mlalo, tofauti na iliyopita inapangilia kwa safu za wima.
Soma Zaidi...