Perguntas[flutter](coding)

Estou lutando com isso há meses. Tenho um TextField que aparece como o primeiro filho de uma Row no meu aplicativo Android. O texto do TextField aparece fora das bordas. Além disso, a borda inferior do TextField parece estar centralizada na minha linha, e não importa como eu altero os alinhamentos do eixo principal ou cruzado da linha.

Quero que o centro do TextField se alinhe com o centro da linha, e que o texto apareça no centro das bordas. O que estou fazendo errado?

 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

Tenho um aplicativo desenvolvido usando Flutter.

eu uso

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

Isso exibe o Container com alguns Buttons sobre o FlutterMap. Isso está funcionando bem.

Mas agora: O usuário pode dar zoom e arrastar o mapa e pode selecionar alguns 'Pontos' com Botões mostrados dentro daquele Container. E agora eu gosto de mover os 'Pontos' selecionados para a parte visível do mapa. Eu consigo mover o 'Ponto' para dentro do mapa se ele estiver fora do mapa, mas talvez o 'Ponto' esteja atrás do Container e não fora do mapa. Agora eu gosto de verificar as geoposições escondidas pelo Container. Mas como eu posso fazer isso?

aqui uma captura de tela

Não encontrei uma solução ou mesmo uma pergunta semelhante em nenhum lugar.

Sou novato no Flutter, alguém pode me ajudar? Quando escolho o primeiro menu suspenso, escolho o segundo menu suspenso e depois escolho novamente o primeiro menu suspenso, recebo um erro de congelamento, já defini a lista de variáveis ​​como vazia, mas ainda não está funcionando, recebo o erro:

deve haver exatamente um item com o valor do dropdownbutton zero ou 2 ou mais [DropdownMenuItem]s foram detectados com o mesmo valor

este é meu código:

principal.dardo

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

dados.dardo

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 [];
    }
  }
}

Sempre que eu "giro longamente" a roda do ano do seletor de datas de Cupertino (no meu aplicativo Android), de modo que o ano mínimo ou máximo seja cruzado pela roda, surge uma exceção com a seguinte mensagem:

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)

Eu configurei corretamente o initialDateTimeto DateTime.now()e minimumYearto 2000e maximumYearto 2050. Apesar disso, a exceção surge e não sei por quê. Como posso resolver essa exceção durante esses flicks da roda do ano?

Código completo:

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

Estou tentando adicionar alguns logotipos a uma linha em um widget Flutter; o código relevante está abaixo:

 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),
        ),
      ),
    ],
  )

Observe que o primeiro Containertem uma BorderRadius.circular(300)chamada, e o segundo tem uma BorderRadius.circular(100)chamada - mas ambos têm o mesmo tamanho na tela, e nenhum deles tem o tamanho especificado (eles terão o mesmo tamanho na visualização final - apenas alterei os tamanhos no código para mostrar que eles não estão respondendo).

Não consigo entender por que não consigo redimensioná-los. Alguém tem alguma ideia do que estou fazendo errado?

Estou criando um aplicativo de rastreamento de milhagem baseado em um tutorial para um rastreador de despesas. Estou no ponto em que estou tentando criar a função de _submitMileageData() com uma verificação para garantir que pelo menos um Título, Milhagem Inicial e Data sejam selecionados. Não me importa se enteredEndingMiles é nulo ou é 999999. Na maioria das vezes, provavelmente será nulo e será inserido no final do dia e atualizado usando uma função de edição.

O problema é que, quando eu faço a parte widget.onAddMileage, eu obtenho a linha vermelha sob _endingMilesController.text. Eu tentei tudo que eu posso pensar para convertê-lo para um double, mas eu não consigo encontrar a combinação certa de código para fazer isso. Eu até cheguei a tentar criar um 'final endingMilesIsValid = enteredEndingMiles == null ...' e então comecei a obter um erro booleano. Eu tento retificar isso adicionando uma declaração else após minha verificação de erro basicamente dizendo que se as milhas finais forem nulas, apenas retorne. Contanto que ele retorne como um double no final do dia para que o Total de Milhas possa ser calculado, isso é tudo que me importa.

Mas chega de divagações... tenho certeza de que nem expliquei direito, dado o quão frito está meu cérebro... Aqui está o bloco de código em que estou trabalhando.

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

Agradeço qualquer ajuda ou crítica que vier em minha direção com relação a isso.

Obrigado!

Quando uso Flutter(dart) para desenvolver um aplicativo de plataforma no Android Studio, quero encapsular um json geral para qualquer tipo List tool( _fromJsonList). Abaixo está minha função de conversão de nível mais baixo e código de definição de tipo.

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

Função de chamada:

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

Quando eu uso as Ta conversão de tipo na função de conversão, ele mostra um aviso amarelo e [Link do documento]: https://dart.dev/tools/diagnostic-messages?utm_source=dartdev&utm_medium=redir&utm_id=diagcode&utm_content=unnecessary_cast#unnecessary_castassim:

Imagem de advertência de elenco desnecessária

mas isso não afeta a operação do código, e o código pode ser convertido com sucesso; mas se eu não usar as Tduas vezes para conversão de tipo, um erro será relatado quando o código estiver em execução

Exceção não tratada: o tipo 'List (talvez List, depende de qual T você exclui)' não é um subtipo do tipo 'List' na conversão de tipo

Sim, devo usar as Tduas vezes, e uma a menos resultará em erro! O que está acontecendo? Alguém pode me dizer como eliminar esse aviso amarelo? Ou como encapsular essa ferramenta sem disparar um aviso?

Estou aprendendo flutter. Abaixo está meu código básico. Recebo um erro dizendo que meu botão no appBar não tem acesso ao 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'),
        ),
      ),
    );
  }
}

Não entendi, pois parece estar diretamente sob Scaffold e MaterialApp, então deveria? Alguém pode me explicar isso em termos simples?

Recentemente enfrentei o seguinte problema: tenho um cartão dentro de uma ListView. Queria dar um tema ao cartão definindo a cor, Theme.of(context).colorScheme.surfaceContainermas o problema agora é que quando alterno o tema, a cor não é atualizada.

Criei um exemplo mínimo reproduzível deste problema aqui

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

Ao abrir o aplicativo, tudo parece como esperado:

Agora clico no botão "Alterar tema" e acontece isto:

Não tenho certeza se é algo que estou esquecendo ou um problema com a estrutura do Flutter (improvável).

Tentei remover o ListView, e ter apenas um Carddentro do widget resolve o problema, mas é claro que, para meu aplicativo real, preciso que os cartões estejam em um ListView.

Observe também que, ao rolar, se o cartão sair da tela e depois for rolado de volta para a tela, ele buscará novamente a cor e será exibido corretamente.

Pensei em perguntar aqui antes de levantar um problema no repositório Flutter no GitHub.

* 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.

Estou usando flutter 3.27.4 com Dart 3.6.2. Não tenho a dependência sign_in_with_apple no meu pubspec.yaml

Quando executo flutter build apk --release, a compilação falha com esta mensagem de erro. No entanto, ela compila bem com o sinalizador --debug.