Apps Lanka.

Hello developers ...!

අද අපි බලමු flutter widgets ගැන. ඒ වගේම  flutter widgets හදන්නේ කොහොමද කියලා සහ  විවිධ  flutter widgets වර්ග ගැන ඉගෙනගමු…!

Flutter හි ඇති සියල්ල විජට් බව අපි කලින් ඉගෙන ගත්තෙමු.ඔබ React හෝ Vue.js ගැන හුරුපුරුදු නම්, Flutter තේරුම් ගැනීම පහසුය. ඔබ Flutter හි ඕනෑම දෙයක් ගොඩනැගීම සඳහා කේත කිරීමට යන සෑම විටම එය විජට් එකක් තුළ ඇත. ප්රධාන අරමුණ වන්නේ විජට් වලින් යෙදුම ගොඩනැගීමයි. එය ඔබගේ යෙදුම් දසුන ඒවායේ වත්මන් වින්‍යාසය සහ තත්වය සමඟ කෙසේ විය යුතුද යන්න විස්තර කරයි. ඔබ කේතයේ කිසියම් වෙනසක් සිදු කළ විට, යෙදුමේ UI හි විදැහුම්කරණය සඳහා අවම වෙනස්කම් තීරණය කිරීම සඳහා පෙර සහ වත්මන් විජට් වල වෙනස ගණනය කිරීමෙන් විජට් එහි විස්තරය නැවත ගොඩනඟයි.යෙදුම ගොඩනැගීම සඳහා විජට් එකිනෙක කැදලි කර ඇත. එයින් අදහස් වන්නේ ඔබේ යෙදුමේ මූලය විජට් එකක් වන අතර, පහළ කොටස ද විජට් එකක් වේ. උදාහරණයක් ලෙස, විජට් එකකට යමක් ප්‍රදර්ශනය කළ හැකිය, නිර්මාණය නිර්වචනය කළ හැකිය, අන්තර්ක්‍රියා හැසිරවිය හැකිය.

මේ ව්දිහට අපිට‍ flutter widget build කරන්න පුලුවන්

Class ImageWidget extends StatelessWidget {  
         // Class Stuff  
}  

Hello World Example

import 'package:flutter/material.dart';  

class MyHomePage extends StatelessWidget {    

MyHomePage({Key key, this.title}) : super(key: key);   
 
// This widget is the home page of your application.    
final String title;    

  @override    

  Widget build(BuildContext context) {    

 return Scaffold(    

      appBar: AppBar(    

        title: Text(this.title),    

      ),    

      body: Center(    

        child: Text('Hello World'),    

      ),    

    );    

  }    

}    

Widget වර්ග

1. Visible (Output and Input)
2. Invisible (Layout and Control)

 මොන හරි ගැටලු තියෙනවන් අපේ comment section එක ට comments කරන්න.

 We are developing Mobile application and Web application for more details visit our web site www.appslanka.lk