小编Md.*_*ikh的帖子

我想构建一个可重复使用的卡片小部件，它将具有图像和文本以及一些自定义设计布局。我尽了一切努力，但未能达到预期的结果。任何帮助将非常感激。

这就是我想做的

我被困在这里了

这是我的代码

class ReusabelCard extends StatelessWidget {
      ReusabelCard(
          {this.cardChild, @required this.assetImagePath, @required this.cardText});
      final Widget cardChild;
      final String assetImagePath;
      final String cardText;
      @override
      Widget build(BuildContext context) {
        return Container(
            height: MediaQuery.of(context).size.height * 0.35,
            width: MediaQuery.of(context).size.width * 0.5,
            decoration: BoxDecoration(
              color: Colors.white,
              borderRadius: BorderRadius.circular(MediaQuery.of(context).size.width * 0.5 * 0.28),
            ),
            child: Stack(
              children: [
                LayoutBuilder(
                  builder: (context, contraint) {
                    return Column(
                      mainAxisAlignment: MainAxisAlignment.spaceAround,
                      children: [
                        Icon(
                          Icons.trip_origin,
                          size: contraint.biggest.width,
                          color: Colors.grey[300],
                        ),
                        Container(
                          height: MediaQuery.of(context).size.height*0.05,
                          width: MediaQuery.of(context).size.width,
                          color: Colors.green,
                        ), …

我试图将屏幕分成 6 个部分/部分，并满足以下要求：

• 每个部分都应该在屏幕中心有一个角（连接到示例图中的中心圆，见下文）。
• 每个部分都应连接到屏幕的周边。

我想在每个部分都有一个单独的 GestureDetector。

有谁知道使用 Flutter 和 Dart 实现此目的的好方法吗？

示例图

我正在尝试使用卡上的 GestureDetector 小部件来启动 onTap 属性。我有两张卡，男性和女性，每个卡小部件都会被按下一次，并且在我完全重新启动应用程序之前不会再次工作。我的意思是，如果我先按男卡，我将必须运行 gradle 并重新启动，然后才能按女卡。

这是我的代码：我是颤振新手......我需要帮助

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:font_awesome_flutter/font_awesome_flutter.dart';
import 'package:bmi_calculator/Icon_content.dart';
import 'package:bmi_calculator/Reusable_card.dart';

const bottomContainerHeight = 70.0;
const activeCardColor = Color(0xFF272A4E);
const inactiveCardColor = Color(0xFF111328);
const bottomContainerColor = Color(0xffEB1555);

class InputPage extends StatefulWidget {
  @override
  _InputPageState createState() => _InputPageState();
}

class _InputPageState extends State<InputPage> {

  Color maleCardColor = inactiveCardColor;
  Color femaleCardColor = inactiveCardColor;

  //1 = male, 2 = Female
  void updateColor (int gender){
    if (gender == 1){
      if (maleCardColor == inactiveCardColor){
        maleCardColor = activeCardColor;
      } …

我的问题是，我想在网格视图中显示文本小部件，并且每个小部件都有自己的内容并且可以有不同的宽度，我在实现这一目标时遇到麻烦\xe2\x80\xa6

这是小部件不显示其子部件的内容

我的屏幕上显示了美国各州。它们使用 ListView 显示。我需要做到这一点，以便当您单击其中一个状态时，会出现一个复选标记。现在，我在尾部添加了一个图标，但是当您单击一种状态时，所有状态上都会出现一个复选标记。如何实施？

class _AddStatePageState extends State<AddStatePage> {
  static const List<String> _usaStates = [
    'Alabama',
    'Alaska',
    'Arizona',
    'Arkansas',
    ...
  ];
  
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: const AppBarWithSearch(
        appBarTitle: 'Add State',
      ),
      body: Padding(
        padding: const EdgeInsets.only(top: 24),
        child: ListView.separated(
          itemCount: _usaStates.length,
          itemBuilder: (context, index) {
            return ListTile(
              trailing: Image.asset(
                Assets.assetsCheckmark,
                width: 13,
                height: 10,
              ),
              title: Text(
                _usaStates[index],
              ),
            );
          },
          separatorBuilder: (context, index) {
            return const Divider();
          },
        ),
      ),
    );
  }
}

在我的代码终端中输入内容后，我在 VS Code 上的文件名后面git add recoverd_home_pg.dart看到了一个标记，这是什么意思？AA

当我选择下拉按钮的值时，我想删除这个灰色按钮。我该怎么做。我尝试了一切 这是我的代码

InputDecorator(
      decoration: const InputDecoration(
        border: OutlineInputBorder(borderRadius: BorderRadius.all(Radius.circular(4.0))),
        contentPadding: EdgeInsets.all(10),
      ),
      child: DropdownButtonHideUnderline(
        child: DropdownButton<dynamic>(
          value: null,
          isDense: true,
          hint: Text(hintText),
          isExpanded: true,
          items: itemList,
          onChanged: (newValue) {},
        ),
      ),
    ),

我怎样才能改变滚动条指示器的颜色SingleChildScrollView，SingleChildScrollView没有选项颜色或样式的东西，如果我们不能改变颜色，SingleChildScrollView我们有什么选择吗

如何减少单选图标和标题之间的间距？

我尝试使用内容填充属性。但却无法缩小他们之间的差距。有什么办法可以实现这一点吗？

示例代码：

RadioListTile(
  contentPadding: const EdgeInsets.only(top: 12, bottom: 12, left: 5),
  title: Text(
    "Tap Payment",
    style: GoogleFonts.poppins(
      color: Color(0xff000000),
      fontSize: 16,
      fontWeight: FontWeight.w500,
      letterSpacing: 0.5,
    ),
  ),
  value: values[0],
  groupValue: currentValue,
  onChanged: (value) {
    setState(() {
      currentValue = value.toString();
    });
  },
  tileColor: (currentValue == values[0])
      ? Color(0xffececec)
      : Colors.transparent,
),

我喜欢在每个子组件及其组件的单独行中进行编程，在遇到一些问题后，我最近从 Android Studio 迁移到 VS Code，但我注意到在 VS Code 中，保存文件 (CTRL+S) 或重新启动 IDE，它会自动将代码缩小到一行，这非常令人沮丧，我该如何解决这个问题？

保存前

保存后