How to create a user profile card layout in flutter?

Create a Profile Card: Design a user profile card using the Card widget. It should include an avatar image, a username, and a description. Use the elevation, color, padding, and margin properties to style the card. Show your creativity and you will get marks based on the creativity and beautiful layout of the profile card. (2 Points)

Створення програми на Flutter вже дано знайоме - використовуємо віджети MaterialApp та Scaffold. До Scaffold додаємо верхню панель AppBar де я назвав цю сторінку "About me".
Далі я створив віджет ProfileCard, де в ньому через віджет Card задав заокруглені кути та тінь. Задавши відступи та утворивши колонку Column я додав круглий аватар CircleAvatar та через NetworkImage розмістив свою аватарку від steemit.
щоб розмістити декілька елементів у рядку я створив для них рядок Row. Під трьома такими рядками я розмістив кнопку ElevatedButton.

How to create a weather card layout in flutter?

Scrollable Image Gallery: Implement a horizontal scrolling image gallery. The gallery should display a series of images that can be scrolled through horizontally. You can use asset images or network image.

Аналогічно до сторінки про себе я створив картку з відображенням прогнозу погоди.

How to create a scrollable image gallery in flutter?

Scrollable Image Gallery: Implement a horizontal scrolling image gallery. The gallery should display a series of images that can be scrolled through horizontally. You can use asset images or network image.

При виконанні цього завдання я вирішив не шукати картинки для галереї в інтернет, а використати зображення з стрічки своєї сторінки steemit.

Початок знов звичайний - MaterialApp та Scaffold. До Scaffold додаємо верхню панель AppBar де я розмістив заголовок "Vertical Image Gallery"
далі додаю до нього ImageGallery
ImageGallery це теж StatelessWidget в середині якого розміщено контейнер Container в середині якого формуємо галерею зображень через ListView

А в ListView додаємо картки так, як в завданнях 1 та 2.

How to create news feed user interface in flutter?

Build a news feed screen where each news item is displayed in a Card widget. The entire list of news should be scrollable. Each card should has a cover image, title, description of the news, date, author and a button to read more.

Раз я вже в минулому використав зображення зі свого steemit то напевне тут можна піти далі та зімітувати свою стрічку "новин"))

Це завдання схоже на попереднє, головна відмінність лиш в тому що в нас зображуються не лиш зображення а ще й текст.

Заголовок для AppBar я зроблю steemit.com/@sergeyk
Далі розміщую SingleChildScrollView а в ньому колонку Column що складається з карток NewsCard

Запрошую прийняти участь @ninapenda, @max-pro, @lhorgic

Добре що встиг сьогодні це зробити, на це вийшло чимало часу і світла(завтра попередили що світла не буде)

З нетерпінням чекаю наступного уроку, та їх продовження.

_{Posted using SteemPro}