আমি কীভাবে পাঠ্যটিকে উল্লম্বভাবে এবং অনুভূমিকভাবে ফ্লটারে কেন্দ্র করব?

Question 1

আমি কীভাবে বিষয়বস্তুগুলিকে উল্লম্বভাবে এবং অনুভূমিকভাবে ফ্লুটারে কেন্দ্র করতে হয় তা জানতে চাই। আমি কেবলমাত্র কীভাবে উইজেটটি নিজে ব্যবহার করে কেন্দ্র Center(child: Text("test"))করতে হয় তা কেবল নিজের সামগ্রীতেই জানি না, এটি ডিফল্টরূপে বামদিকে আবদ্ধ থাকে। অ্যান্ড্রয়েডে, আমি বিশ্বাস করি যে এটি প্রাপ্ত কোনও টেক্সটভিউয়ের সম্পত্তি বলা হয় gravity।

আমি যা চাই তার উদাহরণ:

Question 2

পাঠ্য সারিবদ্ধকরণ কেন্দ্রের বৈশিষ্ট্যটি কেবল অনুভূমিক সারিবদ্ধকরণ setting

আমি নীচে কোডটি উলম্ব এবং অনুভূমিকভাবে কেন্দ্রে সেট করতে ব্যবহার করেছি।

কোড:

      child: Center(
        child: Text(
          "Hello World",
          textAlign: TextAlign.center,
        ),
      ),

Question 3

আপনি নির্মাণকারীর TextAlignসম্পত্তি ব্যবহার করতে পারেন Text।

Text("text", textAlign: TextAlign.center,)

Question 4

আমি মনে করি একটি আরো নমনীয় বিকল্প মোড়ানো হবে Text()সঙ্গে Align()যেমন:

Align(
  alignment: Alignment.center, // Align however you like (i.e .centerRight, centerLeft)
  child: Text("My Text"),
),

ব্যবহারের মাধ্যমে টেক্সট উইজেটে সম্পূর্ণ Center()উপেক্ষা TextAlignকরা হবে বলে মনে হচ্ছে । এটি সারিবদ্ধ হবে না TextAlign.leftবা TextAlign.rightআপনি চেষ্টা করলে এটি কেন্দ্রে থেকে যায়।

Question 5

                       child: Align(
                          alignment: Alignment.center,
                          child: Text(
                            'Text here',
                            textAlign: TextAlign.center,                          
                          ),
                        ),

এটি আমার জন্য সেরা ফলাফল তৈরি করেছে।

Question 6

নমুনা কোডের নীচে সাইজডবক্সের কেন্দ্রের ভিতরে পাঠ্য উপাদানগুলি আরও ভালভাবে কাজ করে

Widget build(BuildContext context) {
    return RawMaterialButton(
      fillColor: Colors.green,
      splashColor: Colors.greenAccent,
      shape: new CircleBorder(),
      child: Padding(
        padding: EdgeInsets.all(10.0),
        child: Row(
          mainAxisSize: MainAxisSize.min,
          children: <Widget>[
            SizedBox(
              width: 100.0,
              height: 100.0,
              child: Center(
                child: Text(
                widget.buttonText,
                maxLines: 1,
                style: TextStyle(color: Colors.white)
              ),
              )
          )]
        ),
    ),
  onPressed: widget.onPressed
);
}

কোডিং উপভোগ করুন 💻‍💻

Question 7

পাঠ্যটিকে একটি কেন্দ্রে রাখুন:

Container(
      height: 45,
      color: Colors.black,
      child: Center(
        child: Text(
            'test',
            style: TextStyle(color: Colors.white),
        ),
      ),
    );

Question 8

আপনি যদি ইন্টেলিজ আইডিই ব্যবহারকারী হন তবে আপনি শর্টকাট কী ব্যবহার করতে পারেন Alt+Enterএবং তারপরে চয়ন Wrap with Centerএবং তারপরে যুক্ত করতে পারেনtextAlign: TextAlign.center

Question 9

ওভারভিউ: আমি অনুভূমিক অক্ষ বরাবর মেইনএক্সিসএলাইনমেন্ট.সেন্টার ব্যবহার করে আমার পৃষ্ঠায় পাঠ্যকে কেন্দ্র করে ফ্লেক্স উইজেট ব্যবহার করেছি। আমি আমার পাঠ্যের চারপাশে একটি মার্জিন স্থান তৈরি করতে ধারক প্যাডিংটি ব্যবহার করি।

  Flex(
            direction: Axis.horizontal,
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
                Container(
                    padding: EdgeInsets.all(20),
                    child:
                        Text("No Records found", style: NoRecordFoundStyle))
  ])