Как мне стилизовать ExpansionTile - PullRequest
0 голосов
/ 04 августа 2020

Проверьте мою текущую ситуацию здесь 2

Это код, отвечающий за меню «Выбор региона»

Container(
          padding:
              EdgeInsets.only(top: 5.0, bottom: 5, left: 12, right: 12),
          child: DropdownButtonFormField<String>(
              validator: (value) {
                if (value == null || value.isEmpty) {
                  return "Please select a Region";
                }
                return null;
              },
              decoration: InputDecoration(
                enabledBorder: OutlineInputBorder(
                  borderSide: BorderSide(color: green, width: 2.0),
                  borderRadius: BorderRadius.all(Radius.circular(10)),
                ),
                labelText: 'Select Region',
                contentPadding: new EdgeInsets.symmetric(
                    vertical: 10.0, horizontal: 10.0),
              ),
              value: _regions,
              items: _constants.regions.map((e) {
                return DropdownMenuItem(child: Text(e), value: e);
              }).toList(),
              onChanged: (value) {
                setState(() {
                  _regions = value;
                });
              }),
        ),

Моя цель - я хочу настроить расширяемый виджет, чтобы он выглядел как остальная часть формы. Это код для создания формы «Выбрать продукт». ExpansionTile не имеет виджета InputDecoration, когда вызывается свойство украшения ...

 Container(
          padding: EdgeInsets.all(12.0),
          child: ExpansionTile(
            backgroundColor: green,
            key: GlobalKey(),
            title: Text(
              'Select Product',
              style: TextStyle(fontSize: 18.0, fontWeight: FontWeight.bold),
            ),
            children: <Widget>[....]

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

Это то, чего я хочу достичь в конце дня 1

1 Ответ

0 голосов
/ 04 августа 2020

Я полагаю, вы уже поместили все свои расширяемые виджеты в виджет родительского столбца.

Вероятно, вы пишете слишком много кода наверху. У Flutter есть виджет типа ExpansionTile, вы можете прочитать все об этом здесь .

Кроме того, посмотрите этот пример здесь , это в значительной степени то, что вы пытаетесь достичь. Вам просто нужно настроить цвета и т.д. c.

Дайте мне знать, если это поможет.

...