какие виджеты такие?

Question

Не могли бы вы, ребята, скажите, пожалуйста, как лучше всего добиться таких вещей, например, на первом изображении у меня должно быть текстовое поле (оно позволяет от 0 до 100) рядом с кнопкой, я борясь с текстовым полем, потому что я не могу выровнять его, когда помещаю '%' в качестве суффикса или суффикса текста, мне действительно нужна помощь для этого. С другой стороны, для второго изображения я использовал контейнер со строкой в ​​качестве дочернего, у этой строки кнопка и выравнивание по главной оси установлены на конец, однако я не знаю, является ли это лучшим способом сделать это , Заранее спасибо, и извините, если теги не верны, я впервые спрашиваю здесь.

Это код, который я пытался получить для первого изображения, однако я не могу округлить левую границу

Row(
  children: <Widget>[
    Container(
      padding: EdgeInsets.only(left:6,),
      height: 24,
      width: 45,
      decoration: BoxDecoration(
        border: Border(
          top: BorderSide(color: Colors.grey),
          bottom: BorderSide(color: Colors.grey),
          left: BorderSide(color: Colors.grey),
          right: BorderSide(color: Colors.white,width: 0.1)
        ),                         
      ),
      child: Row(
        mainAxisSize: MainAxisSize.min,
        children: <Widget>[
          Flexible(
            child: TextFormField(
              controller: _domainController,
              style: TextStyle(fontSize: 14),
              textAlign: TextAlign.center ,
              keyboardType: TextInputType.number,
              inputFormatters: [
                BlacklistingTextInputFormatter(RegExp('[.]')),
                LengthLimitingTextInputFormatter(3)
              ],
              decoration: InputDecoration(
              focusedBorder: InputBorder.none,
              enabledBorder: InputBorder.none,
              ),
            ),
          ),
          Text('%'),
        ],
      )
    ),
    GestureDetector(
      onTap:(){
        setState(() {
          _domain=!_domain;
        });
      },
      child: Container(
        height: 24,
          decoration: BoxDecoration(
            border: Border.all(color: Colors.orangeAccent)
          ),
          child: Icon(Icons.edit, color: Colors.orangeAccent,),
        ),
    )
  ],
);

, и это то, что я получаю, что совсем другое: (