Last active
June 30, 2021 02:31
-
-
Save jesusrp98/f72832e9d9787bfc45585878b3046d18 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// "estoy usando el diccionario de flutter" | |
import 'package:flutter/material.dart'; | |
//main:arrancar Indica la acción inicial de la app | |
//=> "lo qué" Para una sola cosa. En este caso, arranca runApp (la aplicacion) de nombre MyApp | |
//extends se usa para ampliar lo que hay dentro. MyApp: un Widget. extends lo que hay dentro de ese Widget | |
void main() => runApp(MyApp()); | |
//build construir, para crear lo que hay dentro de MyApp. Aquí está el esquema general de la app: tema, color principal (el de appbar) y páginas que conntiene. En este caso, solo "Home" | |
class MyApp extends StatelessWidget { | |
@override | |
Widget build(BuildContext context) { | |
return MaterialApp( | |
title: 'Flutter Demo', | |
debugShowCheckedModeBanner: false, | |
theme: ThemeData( | |
primaryColor: Colors.blue, | |
), | |
home: MyHomePage(), | |
); | |
} | |
} | |
//esquema: cosa, características, lo que contiene. Repetir las veces necesarias. | |
//vocabulario: child si contiene una cosa, children si más. mainAxisAligment/crossAxisAligment para ubicar en los ejes vertical y horizontal | |
//importante: añadir comas, cerrar paréntesis. | |
//rojo: cosa literal. azul propiedad, naranja los elementos. No puedes nombrar a nada como las palabras en verde. Son importantes y confunden al cacharro | |
class MyHomePage extends StatelessWidget { | |
@override | |
Widget build(BuildContext context) { | |
return Scaffold( | |
appBar: AppBar( | |
title: Text('Futter Demo'), | |
), | |
body: Row( | |
mainAxisAlignment: MainAxisAlignment.spaceBetween, | |
mainAxisSize: MainAxisSize.max, | |
children: [ | |
Row( | |
children: [ | |
FlutterLogo(size: 80), | |
Column( | |
mainAxisAlignment: MainAxisAlignment.spaceBetween, | |
children: [ | |
Text("Sesión de yoga"), | |
Column( | |
children: [ | |
Row( | |
children: [ | |
Text ("i"), | |
Text("10:30-11:00"), | |
], | |
), | |
Row( | |
children: [ | |
Text ("i"), | |
Text("10:30-11:00"), | |
], | |
), | |
], | |
), | |
], | |
), | |
], | |
), | |
Text("i"), | |
], | |
), | |
); | |
} | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment