Grow with AppMaster Grow with AppMaster.
Become our partner arrow ico

Creation of a Mobile Application that Adds a User Contact According to the Specified Parameters.

Creation of a Mobile Application that Adds a User Contact According to the Specified Parameters.

A variety of business process blocks in AppMaster allow you to build a variety of logic in mobile and web applications. This article considers an example of a simple mobile application that creates a user contact according to the specified parameters. Most of the application settings are omitted and not presented in detail in this article (such as setting the onLaunch trigger).

The main logic is implemented using the pre-installed Add contact business process block.

  • Name [string];
  • Phone number [phone]
  • Email [email]
  • Position [string]
  • Company [string]
  • Birthday [date]

low code

First, you need to install the Mobile apps module in your application. This module is located in the Modules section.

no-code

After installing the module, go to the mobile app designer tab and remove all auto-generated screens, except for the Sign In Screen. The authorization business process is generated. You can read about customizing the authorization business process at this link.

no-code

Next, an empty screen (View) is created and filled with functional elements. Text Field for Name; Phone Field for a Phone number; Email field for Email and Date Picker for Birthday. The interface looks like this:

low code

The logic for adding a contact is a business process that starts with the onTap trigger of the Add contact button and looks like this:

no-code AppMaster

  • InputString Get Properties - gets the name value (Name) from the Text Field widget;
  • InputEmail Get Properties - gets the email value (Email) from the Email Field widget;
  • InputPhone Get Properties - gets the phone number (Phone number) from the Phone Field widget;
  • Datepicker Get Properties - gets the birthday date (Birthday) from the Date Picker widget;
  • Add Contact - receives input values from the above inputs and creates a contact on the user's smartphone.

The last thing left is to set up navigation when loading the app. Navigation is configured using the launch trigger in the Triggers & Actions section. 

no-code

Navigation is done using the Navigate block. The Navigation type at application startup (onLaunch) must always be root. In our example, the user must first go to the Sign In screen, so this screen is specified in the Screen property of the Navigate block.

no-code

Don't also forget to edit the authorization business process so that in case of successful authorization, the Screen property of the Navigate block points to the screen we created for adding a contact to the user's address book.

Thus, in this article, the principle of using the Add Contact block in mobile applications to add new contacts to the user's address book was considered.

Related Posts

The Key to Unlocking Mobile App Monetization Strategies
The Key to Unlocking Mobile App Monetization Strategies
Discover how to unlock the full revenue potential of your mobile app with proven monetization strategies including advertising, in-app purchases, and subscriptions.
Key Considerations When Choosing an AI App Creator
Key Considerations When Choosing an AI App Creator
When choosing an AI app creator, it's essential to consider factors like integration capabilities, ease of use, and scalability. This article guides you through the key considerations to make an informed choice.
Tips for Effective Push Notifications in PWAs
Tips for Effective Push Notifications in PWAs
Discover the art of crafting effective push notifications for Progressive Web Apps (PWAs) that boost user engagement and ensure your messages stand out in a crowded digital space.
GET STARTED FREE
Inspired to try this yourself?

The best way to understand the power of AppMaster is to see it for yourself. Make your own application in minutes with free subscription

Bring Your Ideas to Life