flutter - 如何设置复选框边距或填充右边的图像和文本

Question

我有一个Check box作为以下代码:

DelayedAnimation(
                  child: CheckboxListTile(
                    title: const Text('Check privacy & policy'),
                    value: timeDilation != 1.0,
                    onChanged: (bool value) {
                      setState(() {
                        timeDilation = value ? 5.0 : 1.0;
                      });
                    },
                    secondary: Image.asset(
                      'assets/images/policy_ic.png',
                      height: 30,
                    ),
                  ),
                  delay: delayedAmount + 4500,
                ),

如下图所示:

现在，我需要为text和image设置padding或margin，使其类似于下图:

我希望有人可以帮助我解决这个问题。

Answer 1

您所要做的只是将CheckboxListTile包装在Padding小部件中，并仅设置horizo​​ntal属性。

Padding(
                padding: const EdgeInsets.symmetric(horizontal: 40.0), // Set it to your liking
                child: CheckboxListTile(
                      title: const Text('Check privacy & policy'),
                      value: timeDilation != 1.0,
                      onChanged: (bool value) {
                         setState(() {
                           timeDilation = value ? 5.0 : 1.0;
                         });
                      },
                      secondary: Image.asset(
                        'assets/images/policy_ic.png',
                        height: 30,
                      ),
                    ),
              ),