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 फाइलमध्ये(lib फोल्डरच्या आत), खालील सामग्रीसह बदला:

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 App with Scaffold आणि " शीर्षक असलेली स्क्रीन आणि  स्क्रीनच्या मध्यभागी मजकूर प्रदर्शित करेल. AppBar Hello, world!

 

निष्कर्ष: Scaffold आणि AppBar हे दोन आवश्यक विजेट्स आहेत Flutter जे तुम्हाला एक साधा आणि कार्यशील वापरकर्ता इंटरफेस तयार करण्यात मदत करतात. त्यांचा वापर करून, तुम्ही अॅप बार आणि अॅप बॉडी सारख्या मूलभूत UI घटकांसह आकर्षक अॅप्स तयार करू शकता.