We will start by adding a new item to the list. We are converting our todos object into an array by getting its values and then using map to traverse that array to get the todo items. In our ScrollView, we are just sending a default todo item that is not coming from our newly defined todos in the local state of our application. The updated version of render() in Todolist.js. We will be putting everything in the previously built buttons and these two buttons will be placed adjacently like different columns in a row. To add an edit and a delete button to each item in the todo list, we will again make use of TouchableOpacity. ![]() In this article, we will continue from the previous tutorial, Adding Edit and Delete buttons In the previous tutorial, we have seen how to setup React Native development environment utilizing Expo with other components such as modifying status bar, scrollable lists, input type, etc. ![]() This is the second part of the tutorial series where we are learning React Native concepts as well as building a cross-platform mobile application that soon will be working with real time data.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |