Flutter

Layouts & Constraints

Row, Column, Stack, Flex, Expanded, Flexible, constraints, BoxConstraints, LayoutBuilder

24 āļ„āļģāļ–āļēāļĄāļŠāļąāļĄāļ āļēāļĐāļ“āđŒÂ·
Mid-Level
1

āļ„āļ§āļĢāđƒāļŠāđ‰āļ§āļīāļ”āđ€āļˆāđ‡āļ•āđƒāļ”āđƒāļ™āļāļēāļĢāļˆāļąāļ”āđ€āļĢāļĩāļĒāļ‡ children āļ•āļēāļĄāđāļ™āļ§āļ™āļ­āļ™āđƒāļ™ Flutter?

āļ„āļģāļ•āļ­āļš

Row āļ„āļ·āļ­āļ§āļīāļ”āđ€āļˆāđ‡āļ•āļžāļ·āđ‰āļ™āļāļēāļ™āļŠāļģāļŦāļĢāļąāļšāļˆāļąāļ”āđ€āļĢāļĩāļĒāļ‡ children āļ•āļēāļĄāđāļ™āļ§āļ™āļ­āļ™āļ•āļēāļĄāđāļāļ™āļŦāļĨāļąāļ (main axis) āđ‚āļ”āļĒāļˆāļ°āđ€āļ„āļēāļĢāļž constraints āļ‚āļ­āļ‡ parent āđāļĨāļ°āļāļĢāļ°āļˆāļēāļĒāļžāļ·āđ‰āļ™āļ—āļĩāđˆāļ•āļēāļĄāļ„āļļāļ“āļŠāļĄāļšāļąāļ•āļī mainAxisAlignment āđāļĨāļ° crossAxisAlignment āļŠāļģāļŦāļĢāļąāļšāđ€āļĨāļĒāđŒāđ€āļ­āļēāļ•āđŒāđāļ™āļ§āļ•āļąāđ‰āļ‡ Column āļ„āļ·āļ­āļŠāļīāđˆāļ‡āļ—āļĩāđˆāđ€āļ—āļĩāļĒāļšāđ€āļ—āđˆāļēāļāļąāļ™

2

āļ„āļļāļ“āļŠāļĄāļšāļąāļ•āļīāđƒāļ”āļ‚āļ­āļ‡ Row āļŦāļĢāļ·āļ­ Column āļ—āļĩāđˆāļ„āļ§āļšāļ„āļļāļĄāļāļēāļĢāļāļĢāļ°āļˆāļēāļĒ children āļ•āļēāļĄāđāļāļ™āļŦāļĨāļąāļ?

āļ„āļģāļ•āļ­āļš

mainAxisAlignment āļ„āļ§āļšāļ„āļļāļĄāļ§āđˆāļē children āļ–āļđāļāļˆāļąāļ”āļ§āļēāļ‡āļ­āļĒāđˆāļēāļ‡āđ„āļĢāļ•āļēāļĄāđāļāļ™āļŦāļĨāļąāļ (āđāļ™āļ§āļ™āļ­āļ™āļŠāļģāļŦāļĢāļąāļš Row, āđāļ™āļ§āļ•āļąāđ‰āļ‡āļŠāļģāļŦāļĢāļąāļš Column) āļ•āļąāļ§āđ€āļĨāļ·āļ­āļāđ„āļ”āđ‰āđāļāđˆ start, center, end, spaceBetween, spaceAround āđāļĨāļ° spaceEvenly āļŠāđˆāļ§āļ™ crossAxisAlignment āļ„āļ§āļšāļ„āļļāļĄāļāļēāļĢāļˆāļąāļ”āļ§āļēāļ‡āļšāļ™āđāļāļ™āļ•āļąāđ‰āļ‡āļ‰āļēāļ

3

āļ„āļ§āļēāļĄāđāļ•āļāļ•āđˆāļēāļ‡āļŦāļĨāļąāļāļĢāļ°āļŦāļ§āđˆāļēāļ‡ Expanded āđāļĨāļ° Flexible āļ„āļ·āļ­āļ­āļ°āđ„āļĢ?

āļ„āļģāļ•āļ­āļš

Expanded āļšāļąāļ‡āļ„āļąāļšāđƒāļŦāđ‰ child āđ€āļ•āļīāļĄāđ€āļ•āđ‡āļĄāļžāļ·āđ‰āļ™āļ—āļĩāđˆāļ—āļĩāđˆāļĄāļĩāļ—āļąāđ‰āļ‡āļŦāļĄāļ” (fit: FlexFit.tight) āđƒāļ™āļ‚āļ“āļ°āļ—āļĩāđˆ Flexible āļ­āļ™āļļāļāļēāļ•āđƒāļŦāđ‰ child āđƒāļŠāđ‰āļžāļ·āđ‰āļ™āļ—āļĩāđˆāđ€āļ—āđˆāļēāļ—āļĩāđˆāļ•āđ‰āļ­āļ‡āļāļēāļĢāļˆāļ™āļ–āļķāļ‡āļ„āđˆāļēāļŠāļđāļ‡āļŠāļļāļ”āļ—āļĩāđˆāļĄāļĩ (āļ„āđˆāļēāđ€āļĢāļīāđˆāļĄāļ•āđ‰āļ™ fit: FlexFit.loose) āļ­āļąāļ™āļ—āļĩāđˆāļˆāļĢāļīāļ‡ Expanded āļāđ‡āļ„āļ·āļ­ Flexible āļ—āļĩāđˆāļĄāļĩ fit: FlexFit.tight

4

Stack āļˆāļąāļ”āļ§āļēāļ‡ children āđ‚āļ”āļĒāļ„āđˆāļēāđ€āļĢāļīāđˆāļĄāļ•āđ‰āļ™āļ­āļĒāđˆāļēāļ‡āđ„āļĢ?

5

āļ„āļ§āļĢāđƒāļŠāđ‰āļ§āļīāļ”āđ€āļˆāđ‡āļ•āđƒāļ”āđƒāļ™āļāļēāļĢāļˆāļąāļ”āļ§āļēāļ‡ child āļ—āļĩāđˆāļ•āļģāđāļŦāļ™āđˆāļ‡āđ€āļ‰āļžāļēāļ°āļ āļēāļĒāđƒāļ™ Stack?

+21 āļ„āļģāļ–āļēāļĄāļŠāļąāļĄāļ āļēāļĐāļ“āđŒ

āļŦāļąāļ§āļ‚āđ‰āļ­āļŠāļąāļĄāļ āļēāļĐāļ“āđŒ Flutter āļ­āļ·āđˆāļ™āđ†

āļžāļ·āđ‰āļ™āļāļēāļ™ Dart

Junior
25 āļ„āļģāļ–āļēāļĄ

āļžāļ·āđ‰āļ™āļāļēāļ™āļ āļēāļĐāļē Dart

Junior
15 āļ„āļģāļ–āļēāļĄ

āļžāļ·āđ‰āļ™āļāļēāļ™ Flutter

Junior
18 āļ„āļģāļ–āļēāļĄ

āļ§āļ‡āļˆāļĢāļŠāļĩāļ§āļīāļ•āļ‚āļ­āļ‡ Widget

Junior
20 āļ„āļģāļ–āļēāļĄ

āļāļēāļĢāļˆāļąāļ”āđ€āļāđ‡āļšāļ‚āđ‰āļ­āļĄāļđāļĨāđƒāļ™āđ€āļ„āļĢāļ·āđˆāļ­āļ‡

Junior
20 āļ„āļģāļ–āļēāļĄ

āļ§āļ‡āļˆāļĢāļŠāļĩāļ§āļīāļ•āļ‚āļ­āļ‡āđāļ­āļ›āļžāļĨāļīāđ€āļ„āļŠāļąāļ™

Junior
20 āļ„āļģāļ–āļēāļĄ

ListView & GridView

Mid-Level
25 āļ„āļģāļ–āļēāļĄ

āļāļēāļĢāļ™āļģāļ—āļēāļ‡āđāļĨāļ° Routing

Mid-Level
22 āļ„āļģāļ–āļēāļĄ

āļāļēāļĢāļˆāļąāļ”āļāļēāļĢ State āļžāļ·āđ‰āļ™āļāļēāļ™

Mid-Level
22 āļ„āļģāļ–āļēāļĄ

Provider Pattern

Mid-Level
18 āļ„āļģāļ–āļēāļĄ

Networking & HTTP

Mid-Level
20 āļ„āļģāļ–āļēāļĄ

āļāļēāļĢāļ‹āļĩāđ€āļĢāļĩāļĒāļĨāđ„āļĨāļ‹āđŒ JSON

Mid-Level
20 āļ„āļģāļ–āļēāļĄ

āļāļēāļ™āļ‚āđ‰āļ­āļĄāļđāļĨāđƒāļ™āđ€āļ„āļĢāļ·āđˆāļ­āļ‡

Mid-Level
22 āļ„āļģāļ–āļēāļĄ

āļŸāļ­āļĢāđŒāļĄāđāļĨāļ°āļāļēāļĢāļ•āļĢāļ§āļˆāļŠāļ­āļšāļ„āļ§āļēāļĄāļ–āļđāļāļ•āđ‰āļ­āļ‡

Mid-Level
20 āļ„āļģāļ–āļēāļĄ

āđāļ­āļ™āļīāđ€āļĄāļŠāļąāļ™

Mid-Level
20 āļ„āļģāļ–āļēāļĄ

āļāļēāļĢāļœāļŠāļēāļ™āļĢāļ§āļĄ Firebase

Mid-Level
18 āļ„āļģāļ–āļēāļĄ

āļāļēāļĢāļ—āļ”āļŠāļ­āļšāļĒāļđāļ™āļīāļ•

Mid-Level
20 āļ„āļģāļ–āļēāļĄ

āļāļēāļĢāļ—āļ”āļŠāļ­āļš widget

Mid-Level
18 āļ„āļģāļ–āļēāļĄ

āļāļēāļĢ Build āđāļĨāļ° Deploy

Mid-Level
16 āļ„āļģāļ–āļēāļĄ

āļāļēāļĢāļˆāļąāļ”āļāļēāļĢāđāļžāđ‡āļāđ€āļāļˆ

Mid-Level
16 āļ„āļģāļ–āļēāļĄ

āļŦāļ™āđˆāļ§āļĒāļ„āļ§āļēāļĄāļˆāļģāđāļĨāļ°āļ›āļĢāļ°āļŠāļīāļ—āļ˜āļīāļ āļēāļž

Senior
22 āļ„āļģāļ–āļēāļĄ

Streams & RxDart

Senior
24 āļ„āļģāļ–āļēāļĄ

State Management āļ‚āļąāđ‰āļ™āļŠāļđāļ‡

Senior
26 āļ„āļģāļ–āļēāļĄ

Flutter Design Patterns

Senior
24 āļ„āļģāļ–āļēāļĄ

āļāļēāļĢāđ€āļžāļīāđˆāļĄāļ›āļĢāļ°āļŠāļīāļ—āļ˜āļīāļ āļēāļžāļāļēāļĢāļ—āļģāļ‡āļēāļ™

Senior
26 āļ„āļģāļ–āļēāļĄ

Platform Channels

Senior
20 āļ„āļģāļ–āļēāļĄ

Custom Painting

Senior
22 āļ„āļģāļ–āļēāļĄ

āļŠāļ–āļēāļ›āļąāļ•āļĒāļāļĢāļĢāļĄāđāļ­āļ›āļžāļĨāļīāđ€āļ„āļŠāļąāļ™ Flutter

Senior
22 āļ„āļģāļ–āļēāļĄ

āđ€āļŠāļĩāđˆāļĒāļ§āļŠāļēāļ Flutter āļŠāļģāļŦāļĢāļąāļšāļāļēāļĢāļŠāļąāļĄāļ āļēāļĐāļ“āđŒāļ„āļĢāļąāđ‰āļ‡āļ–āļąāļ”āđ„āļ›

āđ€āļ‚āđ‰āļēāļ–āļķāļ‡āļ„āļģāļ–āļēāļĄāļ—āļąāđ‰āļ‡āļŦāļĄāļ” flashcards āđāļšāļšāļ—āļ”āļŠāļ­āļšāđ€āļ—āļ„āļ™āļīāļ„ āđāļšāļšāļāļķāļāļŦāļąāļ” code review āđāļĨāļ°āļ•āļąāļ§āļˆāļģāļĨāļ­āļ‡āļŠāļąāļĄāļ āļēāļĐāļ“āđŒ

āđ€āļĢāļīāđˆāļĄāđƒāļŠāđ‰āļŸāļĢāļĩ