কীভাবে গোলমালিতে পাঠ্য আন্ডারলাইন করবেন

Question

Textউইজেটের অভ্যন্তরে কীভাবে প্রবঞ্চনে পাঠ্য রচনা করবেন ?

এর fontStyleসম্পত্তির অভ্যন্তরে আমি আন্ডারলাইন খুঁজে পাচ্ছি নাTextStyle

Answer 1

সমস্ত কিছু আন্ডারলাইন করার সময় আপনি পাঠ্য উইজেটে একটি পাঠ্য স্টাইল সেট করতে পারেন।

Text(
  'Hello world',
  style: TextStyle(
    decoration: TextDecoration.underline,
  ),
)

আপনি যদি কেবলমাত্র পাঠ্যের অংশটি আন্ডারলাইন করতে চান তবে আপনাকে Text.rich()(বা একটি রিচটেক্সট উইজেট) ব্যবহার করতে হবে এবং স্ট্রিংটি টেক্সটস্প্যানগুলিতে ভাঙ্গতে হবে যাতে আপনি একটি শৈলী যুক্ত করতে পারেন।

Text.rich(
  TextSpan(
    text: 'Hello ',
    style: TextStyle(fontSize: 50),
    children: <TextSpan>[
      TextSpan(
          text: 'world',
          style: TextStyle(
            decoration: TextDecoration.underline,
          )),
      // can add more TextSpans here...
    ],
  ),
)

টেক্সটস্প্যানটি কিছুটা অদ্ভুত। textপরামিতি ডিফল্ট শৈলী কিন্তু childrenতালিকা স্টাইল (এবং সম্ভবত unstyled) পাঠ্য এটা অনুসরণ ধারণ করে। আপনি textযদি স্টাইলযুক্ত পাঠ্য দিয়ে শুরু করতে চান তবে আপনি একটি খালি স্ট্রিং ব্যবহার করতে পারেন।

আপনি সজ্জাটি দেখতে কেমন তা পরিবর্তন করতে একটি পাঠ্য সজ্জা স্টাইল যুক্ত করতে পারেন। এখানে ড্যাশড রয়েছে:

Text(
  'Hello world',
  style: TextStyle(
    decoration: TextDecoration.underline,
    decorationStyle: TextDecorationStyle.dashed,
  ),
)

এবং TextDecorationStyle.dotted:

এবং TextDecorationStyle.double:

এবং TextDecorationStyle.wavy:

Comments

শব্দ এবং আন্ডারলাইন লাইনের মধ্যে স্থান যুক্ত করা সম্ভব?

— ফেলংগা

@ ফেলেঙ্গা, এটি একটি ভাল প্রশ্ন। এটি সম্ভবত বেসলাইন সম্পর্কিত হবে। এটি এমনটি যা আমি আরও অন্বেষণ করতে চাই, তবে কীভাবে এটি করব তা আমি জানি না। উত্স কোডটি এক্সপ্লোর করুন এবং যদি আপনি এটি বের করেন তবে আমাকে জানান।

— সুরগাচ

Answer 2

আপনি প্রয়োগের দ্বারা এটা করতে decoration: TextDecoration.underlineকরতে TextStyleএকটা Text।

থিম উদাহরণ সহ:

          Text(
            "text",
            style: Theme
                .of(context)
                .accentTextTheme
                .subhead
                .copyWith(decoration: TextDecoration.underline),
          )

প্রাথমিক উদাহরণ:

          Text(
            "text",
            style: TextStyle(decoration: TextDecoration.underline),
          )

Answer 3

প্রদত্ত পাঠ্যকে আন্ডারলাইন করতে আপনি স্টাইলে টেক্সটডেকোরেশন ব্যবহার করতে পারেন।

উদাহরণ স্বরূপ

Text(
    "Your text here",
    style: TextStyle(
        decoration: TextDecoration.underline),
    )
)

Answer 4

উদাহরণ স্বরূপ

Text(
  "Terms and Condition",
  style: TextStyle(
    decoration:
        TextDecoration.underline,
    height: 1.5,
    fontSize: 15,
    fontWeight: FontWeight.bold,
    fontFamily: 'Roboto-Regular',
  ),
),