top of page
MR
Spell out information about application development, etc.
Search
[Flutter/dart]onWillPop of willPopScope doesn't work
Overview In flutter, if you don't want users to return to the previous page, you can wrap the widget with willPopScope and write a...
Aug 15, 2021
![[Flutter/dart]Create a text input form](https://static.wixstatic.com/media/90b712_320ba4559a864ffd9b95a11aaba2033c~mv2.png/v1/fill/w_333,h_250,fp_0.50_0.50,q_35,blur_30,enc_avif,quality_auto/90b712_320ba4559a864ffd9b95a11aaba2033c~mv2.webp)
![[Flutter/dart]Create a text input form](https://static.wixstatic.com/media/90b712_320ba4559a864ffd9b95a11aaba2033c~mv2.png/v1/fill/w_454,h_341,fp_0.50_0.50,q_95,enc_avif,quality_auto/90b712_320ba4559a864ffd9b95a11aaba2033c~mv2.webp)
[Flutter/dart]Create a text input form
Overview I will show you how to create a form for users to enter texts in the app. Method Create a new Stateful Widget. The reason is...
Aug 15, 2021
![[Flutter]Manage state by linking Firestore and Redux](https://static.wixstatic.com/media/90b712_fd4d637c76be4ac299d90d2099bf7f75~mv2.png/v1/fill/w_333,h_250,fp_0.50_0.50,q_35,blur_30,enc_avif,quality_auto/90b712_fd4d637c76be4ac299d90d2099bf7f75~mv2.webp)
![[Flutter]Manage state by linking Firestore and Redux](https://static.wixstatic.com/media/90b712_fd4d637c76be4ac299d90d2099bf7f75~mv2.png/v1/fill/w_454,h_341,fp_0.50_0.50,q_95,enc_avif,quality_auto/90b712_fd4d637c76be4ac299d90d2099bf7f75~mv2.webp)
[Flutter]Manage state by linking Firestore and Redux
Overview In a smartphone app that handles user data, I would like to write about how to link the state management while using the app...
Aug 15, 2021
[Flutter/dart]Reflect the change of Store even after transitioning with Navigator
Overview When managing the state with redux, you can use StoreProvider to reflect the change of store in widget. However, the rebuild...
Aug 14, 2021
![[Flutter/dart]Make your own calendar](https://static.wixstatic.com/media/90b712_fb47d32f1edf4aeea33e2db01f4ddc1d~mv2.png/v1/fill/w_333,h_250,fp_0.50_0.50,q_35,blur_30,enc_avif,quality_auto/90b712_fb47d32f1edf4aeea33e2db01f4ddc1d~mv2.webp)
![[Flutter/dart]Make your own calendar](https://static.wixstatic.com/media/90b712_fb47d32f1edf4aeea33e2db01f4ddc1d~mv2.png/v1/fill/w_454,h_341,fp_0.50_0.50,q_95,enc_avif,quality_auto/90b712_fb47d32f1edf4aeea33e2db01f4ddc1d~mv2.webp)
[Flutter/dart]Make your own calendar
Overview There are many opportunities to use the calendar with a smartphone app. There are many libraries that can use calendars, but...
Aug 14, 2021
![[Flutter/dart] Create a bar chart](https://static.wixstatic.com/media/90b712_3fbe47f4b5884df1bf04d7912b78675b~mv2.png/v1/fill/w_333,h_250,fp_0.50_0.50,q_35,blur_30,enc_avif,quality_auto/90b712_3fbe47f4b5884df1bf04d7912b78675b~mv2.webp)
![[Flutter/dart] Create a bar chart](https://static.wixstatic.com/media/90b712_3fbe47f4b5884df1bf04d7912b78675b~mv2.png/v1/fill/w_454,h_341,fp_0.50_0.50,q_95,enc_avif,quality_auto/90b712_3fbe47f4b5884df1bf04d7912b78675b~mv2.webp)
[Flutter/dart] Create a bar chart
Overview You may want to display user data as a bar chart in your app. This time, I will introduce how to create a bar chart with...
Aug 13, 2021
![[Flutter/dart]Spread the stacked elements to fill the screen](https://static.wixstatic.com/media/90b712_3ffd605d83ea443288e959b58f56f2cc~mv2.png/v1/fill/w_333,h_250,fp_0.50_0.50,q_35,blur_30,enc_avif,quality_auto/90b712_3ffd605d83ea443288e959b58f56f2cc~mv2.webp)
![[Flutter/dart]Spread the stacked elements to fill the screen](https://static.wixstatic.com/media/90b712_3ffd605d83ea443288e959b58f56f2cc~mv2.png/v1/fill/w_454,h_341,fp_0.50_0.50,q_95,enc_avif,quality_auto/90b712_3ffd605d83ea443288e959b58f56f2cc~mv2.webp)
[Flutter/dart]Spread the stacked elements to fill the screen
Overview We set the crossAxisAligment property to CrossAxisAligment.stretch to expand the elements placed in the Column with Flutter to...
Aug 13, 2021
![[Flutter/dart]Sorting and extracting Map elements](https://static.wixstatic.com/media/90b712_3a65eb0e5f114d0b9f1f594149a43fa5~mv2.png/v1/fill/w_333,h_250,fp_0.50_0.50,q_35,blur_30,enc_avif,quality_auto/90b712_3a65eb0e5f114d0b9f1f594149a43fa5~mv2.webp)
![[Flutter/dart]Sorting and extracting Map elements](https://static.wixstatic.com/media/90b712_3a65eb0e5f114d0b9f1f594149a43fa5~mv2.png/v1/fill/w_454,h_341,fp_0.50_0.50,q_95,enc_avif,quality_auto/90b712_3a65eb0e5f114d0b9f1f594149a43fa5~mv2.webp)
[Flutter/dart]Sorting and extracting Map elements
Overview When creating an application with Flutter, I often store user data etc. in Map (because it is troublesome to deal with index...
Aug 13, 2021


Make a "don't forget to add" shopping list app with Flutter + Raspberry pi
Overview When I was working in the kitchen, I noticed that the detergent wasn't ready. But now that I don't have my smartphone, so I'll...
Aug 12, 2021
![[Flutter/dart] Resize the widget to fit the area left in the Column or Row](https://static.wixstatic.com/media/90b712_72e19aa43fea4d1fa44b4dc87b4171d3~mv2.png/v1/fill/w_333,h_250,fp_0.50_0.50,q_35,blur_30,enc_avif,quality_auto/90b712_72e19aa43fea4d1fa44b4dc87b4171d3~mv2.webp)
![[Flutter/dart] Resize the widget to fit the area left in the Column or Row](https://static.wixstatic.com/media/90b712_72e19aa43fea4d1fa44b4dc87b4171d3~mv2.png/v1/fill/w_454,h_341,fp_0.50_0.50,q_95,enc_avif,quality_auto/90b712_72e19aa43fea4d1fa44b4dc87b4171d3~mv2.webp)
[Flutter/dart] Resize the widget to fit the area left in the Column or Row
Overview When making an app with Flutter, there is a situation where "I want to place a widget of a certain size and maximize the other...
Aug 11, 2021
![[Flutter/dart] Scroll inside ModalBottomSheet](https://static.wixstatic.com/media/90b712_efe27c99566c461485134a3a9d8891fff000.jpg/v1/fill/w_333,h_250,fp_0.50_0.50,q_30,blur_30,enc_avif,quality_auto/90b712_efe27c99566c461485134a3a9d8891fff000.webp)
![[Flutter/dart] Scroll inside ModalBottomSheet](https://static.wixstatic.com/media/90b712_efe27c99566c461485134a3a9d8891fff000.jpg/v1/fill/w_454,h_341,fp_0.50_0.50,q_90,enc_avif,quality_auto/90b712_efe27c99566c461485134a3a9d8891fff000.webp)
[Flutter/dart] Scroll inside ModalBottomSheet
Overview In the smartphone app, the menu may appear from the bottom of the screen when you select the menu, and in Flutter you can create...
Aug 11, 2021
[Flutter/dart] Update only specific field in Cloud Firestore
Overview I think that cloud fire store is often used as a destination to store user data in smartphone apps. I would like to introduce...
Aug 11, 2021
![[Flutter/dart] Implement an event when tapping CheckboxListTile](https://static.wixstatic.com/media/90b712_a71097b0dd604249bac1badab66ed898~mv2.png/v1/fill/w_333,h_250,fp_0.50_0.50,q_35,blur_30,enc_avif,quality_auto/90b712_a71097b0dd604249bac1badab66ed898~mv2.webp)
![[Flutter/dart] Implement an event when tapping CheckboxListTile](https://static.wixstatic.com/media/90b712_a71097b0dd604249bac1badab66ed898~mv2.png/v1/fill/w_454,h_341,fp_0.50_0.50,q_95,enc_avif,quality_auto/90b712_a71097b0dd604249bac1badab66ed898~mv2.webp)
[Flutter/dart] Implement an event when tapping CheckboxListTile
Overview CheckboxListTile is useful when you want to arrange strings and checkboxes in a horizontal row. However, be careful if you want...
Aug 10, 2021
![[Flutter/dart] Manage your data with a combination of Cloud Firestore and Firebase_Storage](https://static.wixstatic.com/media/90b712_46a0cd5d42414246bb59dee48fb46522~mv2.png/v1/fill/w_333,h_250,fp_0.50_0.50,q_35,blur_30,enc_avif,quality_auto/90b712_46a0cd5d42414246bb59dee48fb46522~mv2.webp)
![[Flutter/dart] Manage your data with a combination of Cloud Firestore and Firebase_Storage](https://static.wixstatic.com/media/90b712_46a0cd5d42414246bb59dee48fb46522~mv2.png/v1/fill/w_454,h_341,fp_0.50_0.50,q_95,enc_avif,quality_auto/90b712_46a0cd5d42414246bb59dee48fb46522~mv2.webp)
[Flutter/dart] Manage your data with a combination of Cloud Firestore and Firebase_Storage
Overview If you want to save user information etc. in a serverless application, you probably use cloud fire store. However, only values...
Aug 10, 2021
![[Flutter/dart] Consideration Andorid AppBar design](https://static.wixstatic.com/media/90b712_2a83f789f50e4c28939b3cf9a7f92118~mv2.png/v1/fill/w_333,h_250,fp_0.50_0.50,q_35,blur_30,enc_avif,quality_auto/90b712_2a83f789f50e4c28939b3cf9a7f92118~mv2.webp)
![[Flutter/dart] Consideration Andorid AppBar design](https://static.wixstatic.com/media/90b712_2a83f789f50e4c28939b3cf9a7f92118~mv2.png/v1/fill/w_454,h_341,fp_0.50_0.50,q_95,enc_avif,quality_auto/90b712_2a83f789f50e4c28939b3cf9a7f92118~mv2.webp)
[Flutter/dart] Consideration Andorid AppBar design
It is inevitable to improve the design when creating a smartphone app. This time, I would like to consider about the design of Android...
Aug 10, 2021
![[Flutter/dart] Consideration about design of Card](https://static.wixstatic.com/media/90b712_c8d037900f7046a9b29afafc0a43646d~mv2.png/v1/fill/w_333,h_250,fp_0.50_0.50,q_35,blur_30,enc_avif,quality_auto/90b712_c8d037900f7046a9b29afafc0a43646d~mv2.webp)
![[Flutter/dart] Consideration about design of Card](https://static.wixstatic.com/media/90b712_c8d037900f7046a9b29afafc0a43646d~mv2.png/v1/fill/w_454,h_341,fp_0.50_0.50,q_95,enc_avif,quality_auto/90b712_c8d037900f7046a9b29afafc0a43646d~mv2.webp)
[Flutter/dart] Consideration about design of Card
Cards (Card and ListTile in Flutter) are often used in smartphone apps to organize information. This time I considered about the design...
Aug 9, 2021
[Flutter/dart] Precautions when saving Map data in firestore
Overview I use firebase's cloud firestore to store my app's data. This time, I wanted to save the Map data in the firestore, but there...
Aug 9, 2021


After releasing an app that uses Google Sign In of Firebase
Overview When authenticating an account in a smartphone app, I think that you often use Google Sign In of firebase. However, if you...
Aug 8, 2021


I made a towel exchange monitoring app with Flutter and Raspberry Pi
Overview The number one housework that a man living alone does not do is to change the hanging towel. So not to forget, I made an app...
Aug 8, 2021


Added kitchen towel change to "Housework Check App"
Overview Last time, I made an app that monitors the change of hanging towels using Flutter and Raspberry Pi. We also added a task to...
Aug 8, 2021
bottom of page