Как создать текстовую рамку со встроенным текстом и как добавить несколько текстовых полей внутри поля?

Question

Я хочу получить следующее текстовое поле, но я застрял. Я добавил границу со встроенным текстом, но я не могу добавить несколько текстовых полей, таких как снимки экрана, внутри поля с рамкой. Пожалуйста помоги.это то, чего я хочу достичь

Answer 1

Попробуй это!

       Stack( children: [
          Padding(
            padding: const EdgeInsets.only(top: 10),
            child: Container(height: 180, child: Padding(
              padding: const EdgeInsets.only(top: 35,left: 15),
              child: Column(children: [
                Row(children: [
                  Text("Full Name:",style: TextStyle(fontSize: 16, fontWeight: FontWeight.bold),)
                 , Text("Mark"),
                ],),
                SizedBox(height: 15,),
                Row(children: [
                  Text("Email:",style: TextStyle(fontWeight: FontWeight.bold),)
                  , Text("[e-mail]"),
                ],),
                SizedBox(height: 15,),
                Row(children: [
                  Text("Phone:",style: TextStyle(fontWeight: FontWeight.bold),)
                  , Text("036526494"),
                ],),
                SizedBox(height: 15,),
                Row(children: [
                  Text("Address:",style: TextStyle(fontWeight: FontWeight.bold),)
                  , Text("Random Address,city,Country"),
                ],),

              ],),
            ),
              width: MediaQuery.of(context).size.width,
              decoration: BoxDecoration(
                  borderRadius: BorderRadius.circular(8),
                  border: Border.all(width: 1)),
            ),
          ),
          Padding(
            padding: const EdgeInsets.only(left: 20),
            child: Container(
                color: Colors.white,
                child: Padding(
                  padding: const EdgeInsets.symmetric(horizontal: 10),
                  child: Text(
                    "Contact Info",
                    style: TextStyle(
                        fontWeight: FontWeight.bold, fontSize: 18),
                  ),
                )),
          ),
        ],
      )

Answer 2

Покажите, что вы уже пробовали?

Для текста вы могли бы работать с TextSpan

Цитата