Flutter somo la 9: Jinsi ya kutumia widget ya Row
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.
Row widget ni moja ya aina ya vitu vilivyowekwa kwenye msingi wa Flutter ambavyo hutoa njia ya kusimamia upangiliaji wa vitu kwa upande mmoja katika mwelekeo wa mstari mmoja. Kwa maneno mengine, Row widget inaruhusu kuweka watoto wake kwa njia ya usawa ndani ya safu moja.
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('Tehama'),
centerTitle: true,
backgroundColor: Colors.blue,
),
body: const Center(
child: Row(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
Text(
'Text 1 ',
style: TextStyle(color: Colors.red), // Rangi ya kwanza
),
Text(
'Text 2 ',
style: TextStyle(color: Colors.green), // Rangi ya pili
),
Text(
'Text 3 ',
style: TextStyle(color: Colors.blue), // Rangi ya tat...
Umeionaje Makala hii.. ?
Share On:
👉1 Kitau cha Fiqh 👉2 Tafasiri ya Riyadh Swalihina 👉3 kitabu cha Simulizi 👉4 web hosting 👉5 ai web app 👉6 Bongolite - Game zone - Play free game
Post zinazofanana:
Flutter somo la 16: Jinsi ya kuweka drawer menu
Katika somo hili utakwenda kujifunza jisni ya kuweka drawer menu kwenye app ya flutter.
Soma Zaidi...Flutter: somo la 4: Jinsi ya kuandika code za App ya flutter, hatuwa kwa hatuwa
Katika somo hili utakwenda kujifunza sasa jinsi ya kuandika code za app yetu kwenye flutter framework.
Soma Zaidi...Flutter somo la 7: jinsi ya kutumia Widget ya AppBar
Katika somo hili utakwend akujifunza kuhusu widget ya AppBar. Hata tutaona inavyofanya kazi na baadhi ya property zake.
Soma Zaidi...FLUTTER somo la 20: Jinsi ya ku sign App ya android kwenye flutter
Somo hili litakufundisha hatuwa kwa hatuwa jinsi ya ku sign app ya android kwenye flutter
Soma Zaidi...Flutter somo la 6: Scaffold widget, kazi zake na property zake
Katika somo hili utakwend akujifunza kuhusu scaffold widget. Hapa tutakwend kuona properties zake na baadhi ya mifano.
Soma Zaidi...Flutter somo la 5: widget ni nini na zinafanya nini kwenye flutter
Katika somo hili uatwkeda kujifunza zaidi kuhusu widget, maana yake, aia zake na kazi zake kwneye flutter.
Soma Zaidi...