New post on /r/flutterdev subreddit:
Flutter for Single-Page Scrollable Websites with Navigator 2.0
Here is a series of articles: “Flutter for Single-Page Scrollable Websites with Navigator 2.0 “. This series focuses on implementing scrolling and navigation logic for a single page scrollable website. I will also give a talk at the upcoming Flutter Global Summit on this topic.Part 1: IntroductionIn the second article building the scrollable content lazily using a ListView, scrolling programmatically to an index, and notifying the first visible index while scrolling is explainedPart 2: Scroll to PositionIn the third article, a similar UI to the previous one is built lazily using a PageViewPart 3: Scroll to PageIn the fourth article, we learn how to live with building all the sections of the scrollable widget at once in a SingleChildScrollView + Column.Part 4: Ensure VisibleIn the fifth article, we will study lazily building a scrollable widget with varying-sized sections like an illusion using the 3rd party #ScrollablePositionedList libraryPart 5: Scroll to IndexWe start implementing the navigation logic with the sixth article using the #Navigator2 API.Part 6: NavigationIn the last article, we will use query parameters instead of path variables in URLs and study parsing & restoring URLs according to app state changes, browser back / forward button clicks.Part 7: Query Params
July 19, 2021 at 07:15AM by ulusoyapps
https://ift.tt/3ksb2z0
Flutter for Single-Page Scrollable Websites with Navigator 2.0
Here is a series of articles: “Flutter for Single-Page Scrollable Websites with Navigator 2.0 “. This series focuses on implementing scrolling and navigation logic for a single page scrollable website. I will also give a talk at the upcoming Flutter Global Summit on this topic.Part 1: IntroductionIn the second article building the scrollable content lazily using a ListView, scrolling programmatically to an index, and notifying the first visible index while scrolling is explainedPart 2: Scroll to PositionIn the third article, a similar UI to the previous one is built lazily using a PageViewPart 3: Scroll to PageIn the fourth article, we learn how to live with building all the sections of the scrollable widget at once in a SingleChildScrollView + Column.Part 4: Ensure VisibleIn the fifth article, we will study lazily building a scrollable widget with varying-sized sections like an illusion using the 3rd party #ScrollablePositionedList libraryPart 5: Scroll to IndexWe start implementing the navigation logic with the sixth article using the #Navigator2 API.Part 6: NavigationIn the last article, we will use query parameters instead of path variables in URLs and study parsing & restoring URLs according to app state changes, browser back / forward button clicks.Part 7: Query Params
July 19, 2021 at 07:15AM by ulusoyapps
https://ift.tt/3ksb2z0
Medium
Flutter for Single-Page Scrollable Websites with Navigator 2.0 — Part 1: Introduction
Single page scrollable websites are everywhere. In this website design pattern, all the content is presented in one long-scrolling layout…