@react-native-community/progress-bar-android

@react-native-community/progress-bar-android

Getting started

$ npm install @react-native-community/progress-bar-android --save

or

$ yarn add @react-native-community/progress-bar-android

Example setup

Android

1. Install dependencies
2. Install dependencies for example folder
3. Start the metro bundler
4. Build the application

yarn install
cd example
# inside example
yarn install
yarn start
yarn android

Mostly automatic installation

• react-native >= 0.60

The package is automatically linked when building the app. All you need to do is:

cd ios && pod install

• react-native < 0.59

Run the following commands $ react-native link @react-native-community/progress-bar-android

Manual installation

Manually linking the library - iOS

1. In XCode, in the project navigator, right click Libraries ➜ Add Files to [your project's name]
2. Go to node_modules ➜ @react-native-community/progress-bar-android and add RNCAndroidprogressbar.xcodeproj
3. In XCode, in the project navigator, select your project. Add libRNCAndroidprogressbar.a to your project's Build Phases ➜ Link Binary With Libraries
4. Run your project (Cmd+R)

Manually link the library - android

1. Open up android/app/src/main/java/[...]/MainActivity.java

• Add import com.reactnativecommunity.androidprogressbar.RNCAndroidprogressbarPackage; to the imports at the top of the file
• Add new RNCAndroidprogressbarPackage() to the list returned by the getPackages() method

1. Append the following lines to android/settings.gradle:

   include ':@react-native-community_progress-bar-android'
   project(':@react-native-community_progress-bar-android').projectDir = new File(rootProject.projectDir, 	'../../node_modules/@react-native-community/progress-bar-android/android')
   

2. Insert the following lines inside the dependencies block in android/app/build.gradle:

     implementation project(':@react-native-community_progress-bar-android')
   

Usage

import { View } from 'react-native'
import { ProgressBar } from '@react-native-community/progress-bar-android';


export const Example = () => {
	return (
		<View>
			<ProgressBar styleAttr="Horizontal" />
		</View>
	)
}