Add screen

Write the TextFormField screen to add a new task.

Navigator.push and pop

To add a new task, a separate screen is opened. Navigator.push opens a new page and Navigator.pop returns. If you give a value to pop, that value returns to the calling page and is added to the list as a new task.

Navigator.push(
  context,
  MaterialPageRoute(builder: (_) => AddScreen()),
);

The add screen

The add screen contains a TextFormField and an ElevatedButton. When the button is pressed, you take the text from the controller and return with Navigator.pop(context, text). This text is added to the list on the main page.

Exercise Write the add function

Write a function add that takes text (String) as a parameter and prints the concatenation of 'Eklendi: ' and text. In main call add with 'Yeni gorev'.

Show example solution

import 'package:flutter/material.dart';

void ekle(String text) {
  print('Eklendi: ' + text);
}

void main() {
  ekle('Yeni gorev');
}

Test yourself

What happens if a value is given to Navigator.pop?
- The keyboard closes
- The app crashes
- A new page opens
- Returns to the calling page
Show answer

Returns to the calling page — If you give a second value to Navigator.pop, that value returns to the calling page as a result; the app does not crash, no new page opens, and the keyboard does not close.

Navigator.pop call

Navigator.
  ____(context, 'Yeni gorev');

Show answer

Navigator.
  pop(context, 'Yeni gorev');

Add screen parts

Navigator.push

Opens a new page
Navigator.pop

Closes the page
TextFormField

Takes the task text
ElevatedButton

Triggers the add

Next lesson: List and onTap

We Are Enhancing Your Experience

Cookie Preferences

Strictly Necessary Cookies

Analytical Cookies