Flutter: Základní widgety

Verze z 21. 2. 2025, 06:18 (zobrazit zdroj) Spravce (diskuse | příspěvky) (Vytvořena kostra stránky)		Verze z 21. 2. 2025, 06:21 (zobrazit zdroj) Spravce (diskuse | příspěvky) (Vytvoření dialogu) Porovnání s novější verzí →
Řádka 30:		Řádka 30:
	== ListView ==		== ListView ==
		+
		+	== Jednoduchý dialog ==
		+	showDialog(
		+	context: context,
		+	builder: (context) {
		+	return AlertDialog(
		+	title: const Text('Nadpis dialogu'),
		+	content: Text('Text zprávy...'),
		+	actions: <Widget>[
		+	TextButton(
		+	onPressed: () {
		+	Navigator.of(context).pop();
		+	},
		+	child: const Text('OK'),
		+	),
		+	],
		+	);
		+	},
		+	);

---

Verze z 21. 2. 2025, 06:21

Obsah 1 Uspořádání stránky 2 Textová pole 3 Tlačítka 4 ListView 5 Jednoduchý dialog

Uspořádání stránky

Center( child: ... )

Column(
  mainAxisAlignment: MainAxisAlignment.center,
  children: <Widget>[ ... ]
)

Textová pole

TextField(
  controller: _abcController,
  decoration: const InputDecoration(
    labelText: 'Popis – co zadávat',
  ),
  keyboardType: TextInputType.number, // Pokud chceme omezit vstup na číselné hodnoty
),

Kontroler textového pole

final TextEditingController _abcController = TextEditingController();

Zpracování obsahu textového pole

final double totalPrice = double.parse(parsedValue = _abcController.text.trim());

• Obdobně lze int.parse(...).

Tlačítka

ListView

Jednoduchý dialog

showDialog(
  context: context,
  builder: (context) {
    return AlertDialog(
      title: const Text('Nadpis dialogu'),
      content: Text('Text zprávy...'),
      actions: <Widget>[
        TextButton(
          onPressed: () {
            Navigator.of(context).pop();
          },
          child: const Text('OK'),
        ),
      ],
    );
  },
);