Month: May 2022

I updated the UI of the app and added a new screens to the system last week.

A novel navigator, comprises two screens, the first of which contains data and the second of which contains some information and implementation. Actually, I had no problems with the navigation. It was different from the prior screens, but it was simple for me to complete.

I also work on the user interface of all screens, beginning with the picker navigation. At first, I assumed that designing was as simple as changing colors and gridding the data on the screen. But I was completely wrong, because I need to build a design that promotes user engagement, improves functionality, and establishes a great friendship between the user and the app.

I learned a lot of useful information about user interfaces, and I also discovered the react native paper library, which provides a better component than react native library.

Finally, as I do every week, I implemented plenty of hooks, beginning with useState and finishing with useRef. I also addressed a problem highlighted by Mr. Peter, which was data loading delay.

So far, I’ve completed everything Mr. Peter has given me.

By the end of last week, I had completed the shifting navigation and two other navigations that Mr. Peter had requested, as well as all of the logic business that was required on the screens.

The picking and packing screens were similar to the shifting screens. definitely still not exactly the same, I believe I have a better understanding of how the system works and have begun to formulate a strategy to cope with it. I am grateful to Mr. Peter and the Tong Hin Company for providing me with this opportunity to further my development skills.

I also included an unpicked option to the PickNavigation that lets the user to unpick any product, similar to the Pick Screen. Then I started beautifying the system’s user interface.

The issues I worked on last week were with the focus of UI, which refused to focus on the next input. After many attempts, I discovered that the useEffect is not closed after the initial rendering, and that to close it, I must include an empty array at the end of the hook.

During the previous week, I improved the pick navigation and added Pack displays.

Last week, I added two new screens to the warehouse system: packs screens and pick navigator screens. Pack screens allow users to pack things that have previously been picked.

The first page is about tables, where data about the client is displayed, and the second screen is about pack detail view, where information about the packed item is displayed, as well as some implementation details.

When I finished the final touches on the choose navigation screens, I limited the user’s flexibility in using it by creating preconditions to practically everything to limit the error rate at work .

The most difficult problem I encountered last week was focusing on the same area after receiving an error, where the app did not respond to the focus until we read the useref documentation and determined that we needed to remove focus to allow it to work again by blurring focus.