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.. ?
Tarehe: 2024-05-10 14:53:23
Topic: Flutter
Main: Masomo
File: Download PDF
Views 1298
Share On:
👉1 Simulizi za Hadithi Audio 👉2 Dua za Mitume na Manabii 👉3 Kitau cha Fiqh 👉4 Sira ya Mtume Muhammad (s.a.w) 👉5 kitabu cha Simulizi 👉6 web hosting
Post zinazofanana:
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 2: Jinsi ya kutengeneza App ya flutter
Katika somo hili utajifunza jinsi ya kutengeneza App yako ya kwanza ya Flutter hatuwa kwa hatuwa.
Soma Zaidi...Flutter somo la 12: widget ya padding
Katika somo hili utakweda kujifunza jinsi ya kutumia widget ya padding kwenye App yako.
Soma Zaidi...Flutter somo la 14: Jinsi ya kuweka picha
Katika somo hili utakwenda kujifunza kuhusu widget ya Image ambayo hutumika kuonyesha picha kwenye App.
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 19: jinsi ya kubadili app id ama bundle identifier na configuration nyingine
Katika somo hili utajifunza jisni ya kubadili package name ama app id kwenye Android app na Bundle Identifier kwenye iOS app na taarifa nyinginezo.
Soma Zaidi...