DevQtPH's questions

Curiosamente, se eu tiver que fazer uma lista de detalhes com esses widgets:

Row(
  mainAxisAlignment:
      MainAxisAlignment.spaceBetween,
  children: [
    Text('some label'),
    Text('some value'),
  ],
),
Row(
  mainAxisAlignment:
      MainAxisAlignment.spaceBetween,
  children: [
    Text('some label'),
    Text('some value'),
  ],
),

Cada vez que os envolvo dentro de um Wrapou Columnde uma maneira mais simples.

Eu nunca alcançaria o que esperava se usasse Wrap, assim:

Wrap(
  direction: Axis.vertical,
  spacing: 8.0,
  children: [
    Row(
      mainAxisAlignment:
          MainAxisAlignment
              .spaceBetween,
      children: [
        Text('some label'),
        Text('some value'),
      ],
    ),
    Row(
      mainAxisAlignment:
          MainAxisAlignment
              .spaceBetween,
      children: [
        Text('some label'),
        Text('some value'),
      ],
    ),
  ],
),

Saída inesperada:

O problema é que o conteúdo é colocado no lado esquerdo. Mesmo eu envolvendo o Wrapwidget com oSizedBox(width: double.infinity, child: ...)

Eu só consegui o que queria (ou seja, já que estou usando Row(mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [...],)aqui) com esta abordagem:

Uso de Column()widget em vez de Wrap()widget

Column(
  spacing: 8.0,
  children: [
    Row(
      mainAxisAlignment:
          MainAxisAlignment
              .spaceBetween,
      children: [
        Text('some label'),
        Text('some value'),
      ],
    ),
    Row(
      mainAxisAlignment:
          MainAxisAlignment
              .spaceBetween,
      children: [
        Text('some label'),
        Text('some value'),
      ],
    ),
  ],
),

Resultado esperado:

Observe que o SizedBox(width: double.infinity, child: Column(...))é redundante para este caso, a menos que haja um caso de uso que sugira isso.

Alguém poderia explicar com mais detalhes para entender por que isso está acontecendo? Entender melhor isso pode evitar a implementação de configurações erradas se tendermos a usar esse tipo de resultado de layout.

PS O comportamento permanece o mesmo se executado no DartPad

Aqui está o exemplo mínimo e reproduzível :

import 'package:flutter/material.dart';

void main() => runApp(const MyApp());

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

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      debugShowCheckedModeBanner: false,
      theme: ThemeData(colorSchemeSeed: Colors.blue),
      home: const MyHomePage(title: 'Flutter Demo Home Page'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  final String title;

  const MyHomePage({super.key, required this.title});

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

class _MyHomePageState extends State<MyHomePage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text(widget.title)),
      body: Padding(
        padding: EdgeInsets.symmetric(horizontal: 16.0),
        child: Column(
          spacing: 8.0,
          children: [
            Row(
              mainAxisAlignment: MainAxisAlignment.spaceBetween,
              children: [Text('some label'), Text('some value')],
            ),
            Row(
              mainAxisAlignment: MainAxisAlignment.spaceBetween,
              children: [Text('some label'), Text('some value')],
            ),
          ],
        ),
      ),
    );
  }
}

Estou trabalhando com a API que servirá como minha camada de acesso a dados na arquitetura do meu projeto.

Esta é a forma original da minha configuração de consulta de API:

const pool = await poolPromise;
const request = pool.request();
const result = await request.input('user_id', sql.NVarChar(50), user_id || null)
    .input('img_data', sql.VarBinary(sql.MAX), Buffer.from(img_data))
    .input('img_size', sql.Decimal(10, 3), img_size)
    .input('birthday', sql.Date, birthday)
    .input('country', sql.VarChar(200), country)
    .input('email_add', sql.NVarChar(150), email_add)
    .input('mobile_no', sql.VarChar(50), mobile_no)
    .input('key', sql.VarChar(100), key)
    .query('EXEC testStoredProcedure @user_id, @img_data, @img_size, @birthday, @country, @email_add, @mobile_no, @key');

Funciona bem com essa configuração.

No entanto, se houver mais parâmetros do que o esperado, quero melhorar a legibilidade da consulta da API com os mesmos resultados.

Então eu uso essas abordagens usando variáveis ​​e acentos graves :

com req.body.[param]

const query = `
    'EXEC testStoredProcedure
    @user_id = ${req.body.user_id},
    @img_data = ${req.body.img_data},
    @img_size = ${req.body.img_size},
    @birthday = ${req.body.birthday},
    @country = ${req.body.country},
    @email_add = ${req.body.email_add},
    @mobile_no = ${req.body.mobile_no},
    @key = ${req.body.key}'
`;

const pool = await poolPromise;
const request = pool.request();
const result = await request.input('user_id', sql.NVarChar(50), user_id || null)
    .input('img_data', sql.VarBinary(sql.MAX), Buffer.from(img_data))
    .input('img_size', sql.Decimal(10, 3), img_size)
    .input('birthday', sql.Date, birthday)
    .input('country', sql.VarChar(200), country)
    .input('email_add', sql.NVarChar(150), email_add)
    .input('mobile_no', sql.VarChar(50), mobile_no)
    .input('key', sql.VarChar(100), key)
    .query(query);

sem req.corpo

const query = `
    'EXEC testStoredProcedure
    @user_id = ${user_id},
    @img_data = ${img_data},
    @img_size = ${img_size},
    @birthday = ${birthday},
    @country = ${country},
    @email_add = ${email_add},
    @mobile_no = ${mobile_no},
    @key = ${key}'
`;

const pool = await poolPromise;
const request = pool.request();
const result = await request.input('user_id', sql.NVarChar(50), user_id || null)
    .input('img_data', sql.VarBinary(sql.MAX), Buffer.from(img_data))
    .input('img_size', sql.Decimal(10, 3), img_size)
    .input('birthday', sql.Date, birthday)
    .input('country', sql.VarChar(200), country)
    .input('email_add', sql.NVarChar(150), email_add)
    .input('mobile_no', sql.VarChar(50), mobile_no)
    .input('key', sql.VarChar(100), key)
    .query(query);

Ambos falham ao processar a solicitação por meio desta chamada de API do meu projeto Flutter:

await _api.testMethod(
    '/api/request', // route
    null, // user_id
    '', // img_data
    0.00, // img_size
    DateTime.now().toIso8601String(), // birthday
    'Philippines', // country
    null, // email_add
    _mobileNo, // mobile_no
    'SIGN_IN'); // key

Isto é o que os logs dizem para comreq.body.[param] e semreq.body.[param] :

Exceção não capturada: Exceção: Falha ao fazer solicitação POST: Exceção: Erro de API: 500 {mensagem: Sintaxe incorreta perto de 'EXEC testStoredProcedure @user_id = null, @img_data = '', '.}

De acordo com os logs, a sintaxe near especificando o parâmetro for EXEC testStoredProcedureestá incorreta. Portanto, o que estou perdendo aqui?

Estou trabalhando com um pedaço de código onde quero gerar um código aleatório de 4 dígitos. Mas, infelizmente, não consegui obter a saída exata que desejava.

Eu estava usando este trecho de código:

import 'dart:math';

void _generateCode() {
  Set<int> setOfInts = {};
  setOfInts.add(Random().nextInt(9999));
  for (var num in setOfInts) {
    if (num.toString().length == 4) {
      developer.log('Code: $num');
    } else {
      developer.log('Code: not a 4 digit code');
    }
  }
}

@override
void initState() {
  super.initState();
  _generateCode(); // for testing purposes only
}

O código estava gerando principalmente um código aleatório de 4 dígitos, pensei que poderia conseguir isso incluindo esta declaração de condição,

if (num.toString().length == 4) {
  //fortunately, I could get what I want here
}

Mas o problema é que, de acordo com o que está impresso nos logs (toda vez que realizo um hot reload):

Reiniciou o aplicativo em 218 ms.
[log] Código: 8308
Reiniciou o aplicativo em 221 ms.
[log] Código: 6342 Reiniciou o
aplicativo em 209 ms. [log] Código: 3404 Reiniciou o aplicativo em 208 ms. [log] Código: 9468 Reiniciou o aplicativo em 246 ms. [log] Código: 1101 Reiniciou o aplicativo em 127 ms. [log] Código: 8230 Reiniciou o aplicativo em 133 ms. [log] Código: 4104 Reiniciou o aplicativo em 220 ms. [log] Código: 6558 Reiniciou o aplicativo em 213 ms. [log] Código: não é um código de 4 dígitos 👈 aqui está a parte do problema que ele produz Reiniciou o aplicativo em 223 ms. [log] Código: 6234

Se eu removesse a instrução else de:

if (num.toString().length == 4) {
  developer.log('Code: $num');
} else {
  developer.log('Code: not a 4 digit code');
}

Não consegui obter o código de 4 dígitos, pensei apenas que, ao usar essa instrução if (num.toString().length == 4), garantiria a geração do código de 4 dígitos, mas não foi o que aconteceu.

Como posso resolver para não gerar um valor de código de 3 dígitos?