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 1264
Share On:
👉1 Kitau cha Fiqh 👉2 Kitabu cha Afya 👉3 Tafasiri ya Riyadh Swalihina 👉4 Bongolite - Game zone - Play free game 👉5 Dua za Mitume na Manabii 👉6 Madrasa kiganjani
Post zinazofanana:
Flutter somo la 10: Jinsi ya kutumia widget ya container
Katika somo hili utakwend akujifunza kuhusu widget ya container pia tutajifunza jinsi widget hii inavyoweza kutumika na widget nyingine.
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 17: Jinsi ya kubadili app icon
Katika somo hili utakwenda kujifunza jinsi ya kubadili app icon kwenye app ya Android na iphone kwenye flutter.
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 18: Jinsi yakubadili App name kwenye flutter
Katika somo hili utakwenda kujifunzajinsi ya kubadilisha, jinala App yaani App name.
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...