close

Scaffold மற்றும் AppBar உள்ளே UI உருவாக்குதல் Flutter

இல், நீங்கள் எளிய மற்றும் சக்திவாய்ந்த பயனர் இடைமுகம் மற்றும் விட்ஜெட்களைப் Flutter பயன்படுத்தி உருவாக்கலாம். பயன்பாட்டுப் பட்டி, பயன்பாட்டு உடல் மற்றும் வழிசெலுத்தல் பொத்தான்கள் போன்ற பொதுவான கூறுகளைக் கொண்ட பயன்பாட்டிற்கான அடிப்படை கட்டமைப்பை வழங்குகிறது. ஆப்ஸ் தலைப்பு மற்றும் வழிசெலுத்தல் விருப்பங்களின் ஒரு பகுதியாகும். Scaffold AppBar Scaffold AppBar Scaffold

Scaffold இதைப் பயன்படுத்தி எளிய பயனர் இடைமுகத்தை எவ்வாறு உருவாக்குவது என்பதற்கான வழிகாட்டி கீழே உள்ளது AppBar:

புதிய Flutter பயன்பாட்டை உருவாக்கவும்

Flutter முதலில், பின்வரும் கட்டளையை இயக்குவதன் மூலம் புதிய பயன்பாட்டை உருவாக்கவும் terminal:

flutter create app_name

( app_name உங்கள் பயன்பாட்டின் விரும்பிய பெயரை மாற்றவும்).

main.dart கோப்பைத் திருத்தவும்

main.dart கோப்பில்(லிப் கோப்புறையின் உள்ளே), பின்வருவனவற்றுடன் உள்ளடக்கத்தை மாற்றவும்:

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('Flutter App with Scaffold and AppBar'),  
     ),  
      body: Center(  
        child: Text('Hello, world!'),  
     ),  
   );  
  }  
}

மேலே உள்ள எடுத்துக்காட்டில், Scaffold மற்றும் உடன் ஒரு பயன்பாட்டை உருவாக்குகிறோம் AppBar. சொத்துக்கு அனுப்பப்பட்ட மற்றும் பயனர் இடைமுகம் Scaffold உள்ளடக்கம் உள்ளது. AppBar body

பயன்பாட்டை இயக்கவும்

இறுதியாக, பயன்பாட்டை இயக்க, பின்வரும் கட்டளையை இயக்கவும் terminal:

flutter run

Flutter உங்கள் ஆப்ஸ், ஆப்ஸ் பட்டியில் " ஆப் வித் Scaffold மற்றும் " என்ற தலைப்புடன் திரையையும்  திரையின் மையத்தில் உள்ள AppBar உரையையும் காண்பிக்கும். Hello, world!

 

முடிவு: Scaffold மற்றும் எளிய மற்றும் செயல்பாட்டு பயனர் இடைமுகத்தை உருவாக்க உதவும் AppBar இரண்டு அத்தியாவசிய விட்ஜெட்டுகள். Flutter அவற்றைப் பயன்படுத்துவதன் மூலம், ஆப் பார் மற்றும் ஆப் பாடி போன்ற அடிப்படை UI கூறுகளுடன் கவர்ச்சிகரமான பயன்பாடுகளை உருவாக்கலாம்.