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 অ্যাপ উইথ Scaffold এবং " শিরোনাম সহ একটি স্ক্রীন এবং  স্ক্রিনের মাঝখানে পাঠ্য প্রদর্শন করবে । AppBar Hello, world!

 

উপসংহার: Scaffold এবং AppBar দুটি প্রয়োজনীয় উইজেট Flutter যা আপনাকে একটি সাধারণ এবং কার্যকরী ইউজার ইন্টারফেস তৈরি করতে সহায়তা করে। এগুলি ব্যবহার করে, আপনি অ্যাপ বার এবং অ্যাপ বডির মতো মৌলিক UI উপাদানগুলির সাথে আকর্ষণীয় অ্যাপ তৈরি করতে পারেন।