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 آپ کی ایپ ایپ بار پر " ایپ کے ساتھ Scaffold اور " کے عنوان کے ساتھ ایک اسکرین اور  اسکرین کے بیچ میں AppBar متن دکھائے گی۔ Hello, world!

نتیجہ: Scaffold اور AppBar یہ دو ضروری ویجٹ ہیں Flutter جو آپ کو ایک سادہ اور فعال یوزر انٹرفیس بنانے میں مدد کرتے ہیں۔ ان کا استعمال کرکے، آپ بنیادی UI اجزاء جیسے ایپ بار اور ایپ باڈی کے ساتھ پرکشش ایپس بنا سکتے ہیں۔