O'Reilly logo

React Native By Example by Richard Kho

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

CurrentMonthExpenses for Android

In the CurrentMonthExpenses component, I am rendering a ProgressViewIOS component that visually tracks the amount spent by the user using a colored, horizontal bar.

The React Native SDK for Android has a similar component, ProgressBarAndroid, and we will swap out ProgressViewIOS for it.

Additionally, we want to add a back button event listener for this component that is only fired when the user navigates to CurrentMonthExpenses by way of PreviousMonthsList with BackAndroid.

 

The ProgressBarAndroid component is similar to ProgressViewIOS. I'm using the following props in mine:

  • color: This determines the color of ProgressBarAndroid.
  • indeterminate: This is a Boolean that, when set to true, keeps the progress ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required