问题[flutter](coding)

我已经为此苦苦挣扎了好几个月。我的 Android 应用中有一个 TextField，它显示为 Row 的第一个子项。TextField 的文本显示在边框之外。此外，TextField 的底部边框似乎在我的行中居中对齐，无论我如何更改行的主轴或横轴对齐方式都无济于事。

我希望 TextField 的中心与行的中心对齐，并且文本显示在边框的中心。我做错了什么？

 child: Row(
        crossAxisAlignment: CrossAxisAlignment.center,
        mainAxisAlignment: MainAxisAlignment.center,
        children: [
          SizedBox(
            width: 50,
            height: 40,
            child: TextField(
              controller: myController,
              keyboardType: TextInputType.number,
              maxLength: 2,
              textAlign: TextAlign.center,
              textAlignVertical: TextAlignVertical.bottom,
              style: TextStyles.mediumWhiteText,
              decoration: const InputDecoration(
                border: OutlineInputBorder(),
              ),
              inputFormatters: <TextInputFormatter>[
                FilteringTextInputFormatter.digitsOnly
              ], // Only numbers can be enter

我有一个使用 Flutter 开发的应用程序。

我用

return Scaffold(
  body: Stack(
  children:  [
    FlutterMap(...),
    Positioned(
      bottom: 20,
      right: 0,
      child: Container(
               color: Colors.white,
               child: getPoints(),  // just returning a Row with some Buttons to select a Point
             ),
    ),
   ]
  )
);


Widget getPoints() {
  return Row(
            children: [
                TextButton(  .... ), 
                ...
            ]);   
}

这会在 FlutterMap 上显示带有一些按钮的容器。一切正常。

但是现在：用户可以缩放和拖动地图，并且可以选择容器内显示的带有按钮的“点”。现在我想将选定的“点”移动到地图的可见部分。如果“点”在地图之外，我可以将其移动到地图中，但也许“点”在容器后面而不是在地图之外。现在我想检查容器隐藏的地理位置。但我该怎么做呢？

这是屏幕截图

我没有找到解决方案，甚至没有在某处找到类似的问题。

我是 Flutter 新手，有人可以帮助我吗？当我选择第一个下拉菜单，然后选择第二个下拉菜单，然后再次选择第一个下拉菜单时，出现冻结错误，我已经将变量列表设置为空，但仍然不起作用，出现错误：

应该只有一个项目具有 dropdownbutton 的值，检测到零个或两个或更多具有相同值的 [DropdownMenuItem]

这是我的代码：

主程序

 import 'package:flutter/material.dart';
    import 'package:perhitungan_pkt_kgb/data.dart';
    
    class HitungPkt extends StatefulWidget {
      const HitungPkt({super.key});
    
      @override
      State<HitungPkt> createState() => _HitungPktState();
    }
    
    class _HitungPktState extends State<HitungPkt> {
      @override
      Widget build(BuildContext context) {
        return Form(
          child: Column(
            children: [
              _buildDropdown(
                  label: 'Gol',
                  items: Data.gol.cast<Map<String, dynamic>>(),
                  onChanged: (String? newValue) {
                    setState(() {
                      // value dropdown nya kita masukan ke sebuah variabel
                      Data.golValue = newValue;
                      Data.vehicle?.clear();
                      Data.vehicle = Data.cekgol();
                    });
                  }),
    
              if (Data.vehicle != null)
                _buildDropdown(
                    label: 'Vechile',
                    items: Data.vehicle!.cast<Map<String, dynamic>>(),
                    onChanged: (String? newValue) {
                      setState(() {
                        // value dropdown nya kita masukan ke sebuah variabel
                        Data.vehicleValue = newValue;
                      });
                    }),
       ],
          ),
        );
      }
    
      Widget _buildDropdown({
        required String label,
        required List<Map<String, dynamic>> items,
        required void Function(String?) onChanged,
        String? value,
      }) {
        return DropdownButtonFormField<String>(
            decoration: InputDecoration(
              labelText: label,
              hintStyle: const TextStyle(color: Colors.blue),
              border: OutlineInputBorder(
                borderRadius: BorderRadius.circular(10),
                borderSide: const BorderSide(color: Colors.blue),
              ),
              focusedBorder: OutlineInputBorder(
                borderSide: const BorderSide(color: Colors.blue),
                borderRadius: BorderRadius.circular(10),
              ),
              enabledBorder: OutlineInputBorder(
                borderSide: const BorderSide(color: Colors.blue),
                borderRadius: BorderRadius.circular(10),
              ),
              errorBorder: OutlineInputBorder(
                borderSide: const BorderSide(color: Colors.blue),
                borderRadius: BorderRadius.circular(10),
              ),
            ),
            value: value,
            items: items.map((item) {
              return DropdownMenuItem<String>(
                value: item['value'] as String,
                child: Text(item['label'] as String),
              );
            }).toList(),
            onChanged: onChanged);
      }
    }

数据.dart

class Data{
static const List gol = [
    {'value': 'Car', 'label': 'Car'},
    {'value': 'Bus', 'label': 'Bus'},
    {'value': 'Plane', 'label': 'Plane'}
  ];
  static String? golValue;
  static String? vehicleValue;
  static List? vehicle;
  static List cekgol() {
    if (golValue == 'Car') {
      return [
        {'value': 'car1', 'label': 'car1'},
        {'value': 'car2', 'label': 'car2'},
        {'value': 'car3', 'label': 'car3'},
        {'value': 'car4', 'label': 'car4'},
        {'value': 'car5', 'label': 'car5'}
      ];
    } else if (golValue == 'Bus') {
      return [
        {'value': 'Bus1', 'label': 'Bus1'},
        {'value': 'Bus2', 'label': 'Bus2'},
        {'value': 'Bus3', 'label': 'Bus3'},
        {'value': 'Bus4', 'label': 'Bus4'}
      ];
    } else if (golValue == 'Plane') {
      return [
        {'value': 'Plane1', 'label': 'Plane1'},
        {'value': 'Plane2', 'label': 'Plane2'},
        {'value': 'Plane3', 'label': 'Plane3'},
        {'value': 'Plane4', 'label': 'Plane4'},
        {'value': 'Plane5', 'label': 'Plane5'}
      ];
    } else {
      return [];
    }
  }
}

每当我“长按” Cupertino 日期选择器的年份轮（在我的 Android 应用程序中）时，以致最小年份或最大年份与年份轮交叉时，就会出现异常并显示以下消息：

Exception has occurred.
_AssertionError ('package:flutter/src/cupertino/date_picker.dart': Failed assertion: line 327 pos 10: '(mode != CupertinoDatePickerMode.date && mode != CupertinoDatePickerMode.monthYear) ||
             (minimumYear >= 1 && (initialDateTime ?? DateTime.now()).year >= minimumYear)': initial year is not greater than minimum year, or minimum year is not positive)

我已经正确设置了initialDateTimetoDateTime.now()和minimumYearto2000以及maximumYearto 2050。尽管如此，异常仍然出现，但我不知道原因。在年轮如此频繁地切换期间，我该如何解决此异常？

完整代码：

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatefulWidget {
  const MyApp({super.key});

  @override
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(home: const MyHomePage());
  }
}

class MyHomePage extends StatefulWidget {
  const MyHomePage({super.key});

  @override
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  DateTime _dateTime = DateTime.now();

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        backgroundColor: Theme.of(context).primaryColor,
        title: const Text("Inbuild Cupertino Date Picker Example"),
      ),
      body: Column(
        children: [
          Flexible(
            child: CupertinoDatePicker(
              initialDateTime: _dateTime,
              dateOrder: DatePickerDateOrder.ymd,
              mode: CupertinoDatePickerMode.date,
              minimumYear: 2000,
              maximumYear: 2050,
              onDateTimeChanged: (newDateTime) {
                print("############## DateTime: ${newDateTime}");
                setState(() {
                  _dateTime = newDateTime;
                });
              },
            ),
          ),
        ],
      ),
      bottomNavigationBar: Container(
        padding: EdgeInsets.all(15.0),
        height: 60.0,
        width: double.infinity,
        decoration: BoxDecoration(color: Colors.amberAccent),
        child: const Text("Bottom Navigation Bar"),
      ),
    );
  }
}

我正在尝试在 Flutter 小部件的一行中添加几个徽标；相关代码如下：

 Row(
    mainAxisAlignment: MainAxisAlignment.center,
    children: [
      Container(
        decoration: BoxDecoration(
          border: Border.all(color: FbColors.grey),
          borderRadius: BorderRadius.circular(300),
        ),
        child: Image(
          width: FbSizes.iconMd,
          height: FbSizes.iconMd,
          image: AssetImage(dark ? FbImages.googleDark : FbImages.googleLight),
        ),
      ),
      const SizedBox(width: FbSizes.spaceBtwnItems),
      Container(
        decoration: BoxDecoration(
          border: Border.all(color: FbColors.grey),
          borderRadius: BorderRadius.circular(100),
        ),
        child: Image(
          width: FbSizes.iconMd,
          height: FbSizes.iconMd,
          image: AssetImage(dark ? FbImages.appleDark : FbImages.appleLight),
        ),
      ),
    ],
  )

请注意，第一个Container有一个BorderRadius.circular(300)呼叫，第二个有一个BorderRadius.circular(100)呼叫 - 但它们在屏幕上的大小相同，并且它们都不是指定的大小（它们在最终视图中的大小相同 - 我只是改变了代码中的大小以显示它们没有响应）。

我无论如何也想不通为什么我无法调整它们的大小。你知道我做错了什么吗？

我正在创建一个基于费用跟踪器教程的里程跟踪应用程序。我正试图创建 _submitMileageData() 函数，并进行检查以确保至少选择了标题、起始里程和日期。我不关心enteredEndingMiles 是空还是 999999。大多数情况下，它很可能是空的，并将在一天结束时输入并使用编辑功能进行更新。

问题是，当我执行 widget.onAddMileage 部分时，我在 _endingMilesController.text 下看到红线。我尝试了所有能想到的方法来将其转换为双精度数，但似乎找不到正确的代码组合来执行此操作。我甚至尝试创建“final endingMilesIsValid = confirmedEndingMiles == null ...”，然后开始出现布尔错误。我尝试通过在错误检查后添加 else 语句来纠正此问题，该语句基本上表示如果结束英里数为空，则返回。只要它在一天结束时以双精度数返回，以便可以计算总英里数，这就是我所关心的。

不过，我说得够多了...因为我确信我可能甚至没有正确解释这一点，因为我的大脑已经很混乱了...这是我正在处理的代码块。

  void _submitMileageData() {
    final enteredStartingMiles = double.tryParse(_startingMilesController.text);
    final startingMilesIsInvalid =
        enteredStartingMiles == null || enteredStartingMiles <= 0;
    if (_titleController.text.trim().isEmpty ||
        startingMilesIsInvalid ||
        _selectedDate == null) {
      showDialog(
        context: context,
        builder: (ctx) => AlertDialog(
          title: Text('Invalid input.'),
          content: Text(
              'Please make sure a valid title, starting mileage, or date was entered.'),
          actions: [
            TextButton(
              onPressed: () {
                Navigator.pop(ctx);
              },
              child: Text('Ok'),
            ),
          ],
        ),
      );
      return;
    }

    widget.onAddMileage(
      Mileage(
        title: _titleController.text,
        startMileage: enteredStartingMiles,
        endMileage: _endingMilesController,
        date: _selectedDate!,
        category: _selectedCategory,
      ),
    );
  }

我非常感谢任何对此给予我帮助或批评的人。

谢谢！

我在Android Studio中使用Flutter(dart)开发平台应用的时候，想把一个通用的json封装成任意类型的List工具( _fromJsonList)，下面是我最底层的转换函数和类型定义代码。

// services/api_service.dart
import 'package:dio/dio.dart';
import 'package:myapp/models/Common.dart';
import 'dart:convert';

import 'package:logging/logging.dart';

class ApiService {
  static final ApiService instance = ApiService._internal();

  ……somecode

  // parse JsonList to List<T>
  List<T> _fromJsonList<T extends BaseData>(dynamic data, T entity) {
    if (data != null && data is List) {
      return data.map((e) {
        if (e is Map<String, dynamic>) {
          return entity.fromJson(e);
        } else {
          return e as T;
        }
      }).toList() as List<T>;
    } else {
      return [];
    }
  }
}

class ApiResult<T> {
  ……
}

abstract class BaseData {
  BaseData fromJson(Map<String, dynamic> json);
}

class CommonOption extends BaseData {
  String label;
  String value;

  CommonOption({required this.label, required this.value});

  factory CommonOption.fromJson(Map<String, dynamic> json) {
    return CommonOption(
      label: json['label'],
      value: json['value'],
    );
  }

  @override
  BaseData fromJson(Map<String, dynamic> json) {
    return CommonOption(
      label: json['label'],
      value: json['value'],
    );
  }
}

呼叫功能：

  Future<List<CommonOption>> getCategoryList() async {
    return await ApiService.instance.getList<CommonOption>(
        '/category/getCategoryList', CommonOption(label: "", value: ""));
  }

当我as T在转换函数中使用类型转换时，会弹出黄色警告，并且出现[文档链接]：https://dart.dev/tools/diagnostic-messages?utm_source=dartdev&utm_medium=redir&utm_id=diagcode&utm_content=unnecessary_cast#unnecessary_cast如下图所示：

不必要的投射警告图片

但这并不影响代码的运行，代码可以成功转换；但如果我没有使用as Ttwice进行类型转换，那么代码运行时就会报错

未处理的异常：类型“List（可能是 List，这取决于您删除哪个为 T）”不是类型转换中类型“List”的子类型

是的，我必须使用as T两次，少一次就会出错！这是怎么回事？有人能告诉我如何消除这个黄色警告吗？或者如何封装这个工具而不触发警告？

我正在学习 Flutter。下面是我的基本代码。我收到一条错误消息，提示 appBar 中的按钮无权访问 Navigator。

import 'package:flutter/material.dart';
import 'package:new_app/pages/first_page.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});


  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
            actions: [
              IconButton(
                icon: Icon(
                    Icons.arrow_forward_ios,
                    color: Colors.black,
                  ),
                  onPressed: () {
                    Navigator.push(context, MaterialPageRoute(builder: (context) => FirstPage()));},
                  )
            ]),
        body: Center(
          child: Text('Sample Text'),
        ),
      ),
    );
  }
}

我不明白，因为它似乎直接位于 Scaffold 和 MaterialApp 下，所以应该如此？有人能用通俗易懂的语言向我解释一下吗？

最近我遇到以下问题：我在 ListView 里面有一张卡片，我想通过设置颜色来为卡片设置主题，Theme.of(context).colorScheme.surfaceContainer但现在的问题是，当我切换主题时，颜色不会刷新。

我在这里创建了此问题的最小可重现示例

import 'package:flutter/material.dart';

void main() {
  runApp(const MainApp());
}

class MainApp extends StatefulWidget {
  const MainApp({super.key});

  @override
  State<MainApp> createState() => _MainAppState();
}

class _MainAppState extends State<MainApp> {
  ThemeMode _themeMode = ThemeMode.light;

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      theme: ThemeData(),
      darkTheme: ThemeData(brightness: Brightness.dark),
      themeMode: _themeMode,
      home: Scaffold(
        body: Padding(
          padding: const EdgeInsets.all(8.0),
          child: Center(
              child: Column(
            spacing: 8,
            mainAxisSize: MainAxisSize.min,
            children: [
              ElevatedButton(
                  onPressed: () {
                    setState(() {
                      _themeMode = _themeMode == ThemeMode.light
                          ? ThemeMode.dark
                          : ThemeMode.light;
                    });
                  },
                  child: Text("Change Theme")),
              Expanded(child: MyList())
            ],
          )),
        ),
      ),
    );
  }
}

class MyList extends StatelessWidget {
  const MyList({super.key});

  @override
  Widget build(BuildContext context) {
    return ListView.builder(
        itemCount: 10,
        itemBuilder: (context, index) {
          return Card(
            color: Theme.of(context).colorScheme.surfaceContainer,
            child: ListTile(
              title: Text('Item $index'),
            ),
          );
        });
  }
}

当我打开应用程序时，一切看起来都符合预期：

现在我点击“更改主题”按钮，然后发生以下情况：

不确定这是我遗漏了什么还是 Flutter 框架的问题（不太可能）。

我尝试删除ListView，并且仅Card在小部件内部放一个 即可解决问题，但当然，对于我的真实应用程序，我需要将卡片放在 中ListView。

还要注意，滚动时，如果卡片超出屏幕范围，然后将其滚动回屏幕，它会重新获取颜色并正确显示。

我想在 Flutter GitHub repo 上提出问题之前先在这里问一下。

* What went wrong:
Execution failed for task ':sign_in_with_apple:verifyReleaseResources'.
> A failure occurred while executing com.android.build.gradle.tasks.VerifyLibraryResourcesTask$Action
   > Android resource linking failed
     ERROR: /home/path/workspace/deliverables/app_name/build/sign_in_with_apple/intermediates/merged_res/release/values/values.xml:204: AAPT: error: resource android:attr/lStar not found.

我正在使用 Flutter 3.27.4 和 Dart 3.6.2。我的 pubspec.yaml 中没有 sign_in_with_apple 依赖项

当我运行 时flutter build apk --release，构建失败并显示此错误消息。但是，使用 --debug 标志可以正常构建。