IMemon's questions

Estou criando uma demonstração para adicionar e remover IDs de produtos favoritos de uma lista obs e depois salvá-los no armazenamento local...

Ao iniciar o aplicativo, ele deve buscar todos os IDs de produtos favoritos do armazenamento.

Ao salvar no armazenamento, estou salvando um Listde String, e aqui não consigo entender como digitar cast durante a leitura do armazenamento, pois está mostrando dinâmico... Como converter esse dinâmico para Listde Stringpara que eu possa atribuí-lo à lista de favoritos do meu controlador, que é um Listde String.

Então, minha principal dúvida é como converter para o tipo de dados necessário durante a leitura do armazenamento.

Como eu vou economizar List, intalgum tempo, Listetc 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
    }
  }
}

Aqui está minha classe de armazenamento local. Ela foi retirada de um exemplo de código do 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();
  }
}

Estou aprendendo widget personalizado para reutilizável.

aqui eu quero fazer um contêiner com a cor clara padrão cinza, mas ao aplicar Colors.grey.shade200 está mostrando erro

parece que Colors.grey é constante, mas .shade200 não é um valor constante

então como podemos usar o tom da cor como constante...

class RoundedContainer extends StatelessWidget {
  
  final Color backgroundColor;
 

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

Estou criando um widget personalizado de widget deslizante onde existe uma função onChange

Não sei como passar esta função para um widget personalizado, pois ela possui argumentos

é fácil passar quando uma função não tem argumento

como

final 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
      },
    );

  }
}

Estou usando um calendário de tabela para mostrar um mês específico.

Aqui eu quero substituir o número do dia pelo meu widget personalizado que custará aquele dia,

tenho certeza que este pacote tem facilidade para fornecer widget personalizado para substituir o dia

como

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,
    );
  }

Eu tenho uma exibição de lista para mostrar todos os nomes disponíveis.. Widget de texto obtido dentro do contêiner..

aqui eu quero a mesma largura para todos os contêineres de nomes dentro da exibição de lista ...

como..se os nomes forem apenas 2 ..estes devem ocupar totalwidth/2 e assim por diante para mais nomes

como se os nomes fossem 4. ..estes deveriam ocupar totalwidth/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])),
              ),
            );

          }),
        ),
      ),
    );

eu estou pegando esse... esse não eu quero

Estou aprendendo a barra sliverapp....

aqui eu usei a visualização customscroll e quero três coisas

1. SliverAppBar para mostrar o título 'Transações'

2. **SliverPersistentHeader**. para selecionar com base no valor do interruptor (todos ou apenas números positivos)

3) SliverList . para exibir todos os dados filtrados

Estou enfrentando um problema no método onChange do Switch.

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,
      ),
    );
  }
}