IMemon's questions

我正在创建一个演示，用于将收藏的产品 ID 添加和删除到 obs 列表中，然后保存到本地存储......

启动应用程序时，它应该从存储中获取所有收藏的产品 ID。

在保存到存储时，我正在保存一个List，String这里我无法理解如何在从存储读取时进行类型转换，因为它显示动态......如何将这个动态转换为，List以便String我可以将它分配给我的控制器的收藏夹列表，它是List一个String。

因此，我的主要疑问是如何在从存储中读取时转换为所需的数据类型。

就像我会节省List一些int时间List等等ProductModel……

class FavouriteController extends GetxController {
  RxList<String> favourites = <String>[].obs;

  @override
  void onInit() {
    // TODO: implement onInit
    super.onInit();
    fetchFavouritesFromStorage();// fetching all ids from storage
  }

  void addFavourite(String id) {
    if (favourites.contains(id)) {
      favourites.remove(id);
    } else {
      favourites.add(id);
    }

    MyLocalStorage.instance().saveData('Favourites', favourites);
  }

  void fetchFavouritesFromStorage() async {
    final data = await MyLocalStorage.instance().readData('Favourites');

    if (data == null) {
      print('Null');
    } else {
      final data = MyLocalStorage.instance().readData('Favourites');
      favourites.assignAll(data); // this line is resulting an error
    }
  }
}

这是我的本地存储类。它取自 youtuber 的代码示例：

class MyLocalStorage {
  // static final MyLocalStorage _instance = MyLocalStorage._internal();

  late final GetStorage _storage;
  static MyLocalStorage? _instance;
  MyLocalStorage._internal();

  factory MyLocalStorage.instance() {
    _instance??=MyLocalStorage._internal();
    return _instance!;
  }

  static Future<void> init(String bucketName) async
  {
    await GetStorage.init(bucketName);
    _instance=MyLocalStorage._internal();
    _instance!._storage=GetStorage(bucketName);
  }

  //save data
  Future<void> saveData<T>(String key,T value) async{
    await _storage.write(key, value);
  }

  T? readData<T>(String key) {
    return _storage.read<T>(key);
  }

  Future<void> removeData(String key) async{
    await _storage.remove(key);
  }

  Future<void> clearAll() async{
    await _storage.erase();
  }
}

我正在学习可重复使用的自定义小部件。

在这里我想制作一个默认浅色为灰色的容器，但在应用 Colors.grey.shade200 时显示错误

看起来 Colors.grey 是常量，但 .shade200 不是常量值

那么我们如何使用颜色的深浅作为常量......

class RoundedContainer extends StatelessWidget {
  
  final Color backgroundColor;
 

  const RoundedContainer({
    super.key,
    
    this.backgroundColor= Colors.grey.shade200,//showing error
   
  });

我正在创建一个滑块小部件的自定义小部件，其中有 onChange 功能

我不知道如何将此函数传递给自定义小部件，因为它有参数

当函数没有参数时很容易传递

喜欢

最终 VoidCallBack ontap；

class CustomSlider extends StatelessWidget {
  final double value;
// how to pass voidcallback with argument here
  const CustomSlider({Key? key,required this.value}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return SfSlider.vertical(
      min: 50,
      max: 250.0,
      value: value,
      interval: 20,
      showTicks: true,
      showLabels: true,
      enableTooltip: true,
      minorTicksPerInterval: 1,
      onChanged: (dynamic value) {
// how to deal with this function
      },
    );

  }
}

我正在使用台历来显示特定的月份。

在这里，我想用我的自定义小部件替换天数，该小部件将花费当天的费用，

我确信这个包有能力提供自定义小部件来替换日期

喜欢

1 2 389.0 4903.0

  Map<int,double> myMap={
    1:200.00,
    2:400.00,
    3.500.00,
    ....
  };
  
  @override
  Widget build(BuildContext context) {
    return TableCalendar(
      headerVisible: false,
      // daysOfWeekVisible: true,
      focusedDay: DateTime(year,month,1),
      firstDay: DateTime(year,month,1),
      lastDay: DateTime(year,month + 1, 0), // This will return last day of current month
      //startingDayOfWeek: StartingDayOfWeek.monday,
      //availableGestures: AvailableGestures.none,
      //daysOfWeekHeight: 20,
    );
  }

我有一个列表视图来显示所有可用的名称..在容器内获取文本小部件..

在这里，我希望列表视图中所有名称的容器具有相同的宽度...

比如..如果名称只有2..这些应该占据totalwidth/2等等以获得更多名称

就像如果名字是 4...这些应该占据总宽度/4

Scaffold(
      body: Center(
        child: Container(
          height: 80,
          color: Colors.grey,
          child: ListView.builder(
            scrollDirection: Axis.horizontal,
              itemCount: names.length,
              itemBuilder: (context,index){
            return Padding(
              padding: const EdgeInsets.all(8.0),
              child: Container(
                decoration: BoxDecoration(
                  color: Colors.green,
                  borderRadius: BorderRadius.circular(8.0),
                ),
                child: Center(child: Text(names[index])),
              ),
            );

          }),
        ),
      ),
    );

我得到了这个...这不是我想要的

我正在学习 sliverapp 吧....

在这里我使用了 Customscroll 视图，我想要三件事

1. SliverAppBar用于显示标题“交易”

2. ** SliverPersistentHeader**。用于根据开关值（全部或仅正数）进行选择

3)条子列表。显示所有过滤数据

我在 Switch 的 onChange 方法中遇到问题。即使我已经应用了 setState，它也不会更改 showAll 变量的状态。

Widget build(BuildContext context) {
    return SafeArea(
      child:Scaffold(
        body: CustomScrollView(
          slivers: [
            //sliver appbar
             SliverAppBar(
              expandedHeight: 300,
              flexibleSpace: FlexibleSpaceBar(
                title: Text('All'+showAll.toString()),
              ),
              pinned: true,
              floating: true,
            ),

            SliverPersistentHeader(
              delegate: _PinnedHeaderDelegate(child:  Container(
                height: 50,
                color: Colors.white,
                child: Row(children: [
                  Text('Show All Data'),
                  Switch(
                      value: showAll,
                      onChanged: (val) {
                        print(val);
                        setState(() {
                          showAll = val;
                        });
                      }),


                ],),
              )),
              pinned: true,
            ),

            //sliver list
            buildShowData(),
          ],
        ),
      ),
    );

  }

  buildShowData() {
    List<int> data;
    if(showAll==true)
    data=numbers;
    else
    data=numbers.where((element) => element>0).toList();
    return SliverList(
      delegate: SliverChildBuilderDelegate(
            (BuildContext context, int index) {
              final number=data[index];
          return Card(
            child: ListTile(
              title: Text('$number',style: TextStyle(
                color: number<0?Colors.red:Colors.green
              ),),
            ),
          );
        },
        childCount: data.length,
      ),
    );
  }
}