/portafolio_flutter_mmmv

Portafolio de practicas de Flutter para aumentar el desempeño del desarrollo de dichas aplicaciones

Primary LanguageDartOtherNOASSERTION

Portafolio Flutter - MMMV

MTIE. Miguel Martínez

logo_app

coverage style: very good analysis License: MIT

Aplicación base generada con Very Good CLI 🤖

Portafolio de practicas de Flutter para aumentar el desempeño del desarrollo de dichas aplicaciones

Guía de introducción🚀

Este proyecto contiene 3 sabores:

  • development
  • staging
  • production

Para ejecutar la versión deseada, utilice la configuración de inicio en VSCode/Android Studio o utilice los siguientes comandos:

# Development
$ flutter run --flavor development --target lib/main_development.dart

# Staging
$ flutter run --flavor staging --target lib/main_staging.dart

# Production
$ flutter run --flavor production --target lib/main_production.dart

*Portafolio Flutter MMMV funciona en iOS, Android, Web y Windows.

Ejecución de pruebas 🧪

Para ejecutar todas las pruebas unitarias y de widgets, utilice el siguiente comando:

$ flutter test --coverage --test-randomize-ordering-seed random

Para ver el informe de cobertura generado puede utilizar lcov.

# Generate Coverage Report
$ genhtml coverage/lcov.info -o coverage/

# Open Coverage Report
$ open coverage/index.html

Trabajar con traducciones 🌐

Este proyecto se basa en flutter_localizations y sigue la guía oficial de internacionalización de Flutter.

Adding Strings

  1. Para agregar una nueva cadena localizable, abra el archivo app_en.arb en lib/src/core/l10n/arb/app_en.arb.
{
  "@@locale": "en",
  "homeAppBarTitle": "Home Page",
  "@homeAppBarTitle": {
    "description": "Text shown in the AppBar of the Home Page"
  }
}
  1. Luego agregue una nueva clave/valor y una descripción.
{
  "@@locale": "es",
  "homeAppBarTitle": "Página de Inicio",
  "@homeAppBarTitle": {
    "description": "Texto mostrado en la AppBar de la página de inicio"
  }
}
  1. Usa la nueva cadena
import 'package:portafolio_flutter_mmmv/l10n/l10n.dart';

@override
Widget build(BuildContext context) {
  final l10n = context.l10n;
  return Text(l10n.helloWorld);
}

Agregar configuraciones regionales admitidas

Actualice la matriz CFBundleLocalizations en Info.plist en ios/Runner/Info.plist para incluir la nueva configuración regional.

    ...

    <key>CFBundleLocalizations</key>
	<array>
		<string>en</string>
		<string>es</string>
	</array>

    ...

Agregar traducciones

  1. Para cada configuración regional compatible, agregue un nuevo archivo ARB en lib/l10n/arb.
├── l10n
│   ├── arb
│   │   ├── app_en.arb
│   │   └── app_es.arb
  1. Agregue las cadenas traducidas a cada archivo .arb:

app_en.arb

{
    "@@locale": "en",
    "counterAppBarTitle": "Counter",
    "@counterAppBarTitle": {
        "description": "Text shown in the AppBar of the Counter Page"
    }
}

app_es.arb

{
    "@@locale": "es",
    "counterAppBarTitle": "Contador",
    "@counterAppBarTitle": {
        "description": "Texto mostrado en la AppBar de la página del contador"
    }
}

Generando traducciones

Para utilizar los últimos cambios de traducción, deberá generarlos:

  1. Generar localizaciones para el proyecto actual:
flutter gen-l10n --arb-dir="lib/l10n/arb"

Alternativamente, ejecute flutter run y la generación de código se realizará automáticamente.

Autores ✒️

Nuestros colaboradores hasta el momento

Gratitud 🎁

No olvides dejar tu estrellita y un watch para recibir cambios en futuras actualizaciones y sobre todo compartir con tus amigos y conocidos

¡Estamos aquí para ayudarte y mejorar nuestra aplicación!

⌨️ con ❤️ por MTIE. Miguel Martinez 😊

YouTube