Scaffold के साथ और AppBar अंदर यूआई का निर्माण 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 ऐप के साथ Scaffold और " शीर्षक और  स्क्रीन के केंद्र में टेक्स्ट के साथ एक स्क्रीन प्रदर्शित करेगा । AppBar Hello, world!

निष्कर्ष: Scaffold और AppBar ये दो आवश्यक विजेट हैं Flutter जो आपको एक सरल और कार्यात्मक उपयोगकर्ता इंटरफ़ेस बनाने में मदद करते हैं। उनका उपयोग करके, आप ऐप बार और ऐप बॉडी जैसे बुनियादी यूआई घटकों के साथ आकर्षक ऐप बना सकते हैं।