# rntpc_toolbar-android

**Repository Path**: Louis-C7/rntpc_toolbar-android

## Basic Information

- **Project Name**: rntpc_toolbar-android
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: https://gitee.com/openharmony-sig/rntpc_toolbar-android
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 4
- **Created**: 2024-10-16
- **Last Updated**: 2024-10-30

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# `@react-native-community/toolbar-android`
[![CircleCI](https://circleci.com/gh/react-native-toolbar-android/toolbar-android/tree/master.svg?style=svg)](https://circleci.com/gh/react-native-toolbar-android/toolbar-android/tree/master) ![Supports Android](https://img.shields.io/badge/platforms-android-lightgrey.svg) ![MIT License](https://img.shields.io/npm/l/@react-native-community/toolbar-android.svg) [![npm version](https://img.shields.io/npm/v/@react-native-community/toolbar-android.svg?style=flat)](https://www.npmjs.com/package/@react-native-community/toolbar-android) [![Lean Core Extracted](https://img.shields.io/badge/Lean%20Core-Extracted-brightgreen.svg)](https://github.com/facebook/react-native/issues/23313)

## What is it?
A React component that wraps the Android-only [Toolbar widget](https://developer.android.com/reference/android/widget/Toolbar). 

This is extracted from react-native per [lean core](https://github.com/facebook/react-native/issues/23313) initiative, which removed `ToolbarAndroid` at v0.61. The goal of this repo is to house the original component and continue to improve and maintain a lean wrapper with zero dependency other than react and react-native.


![Alt text](screenShots/ToolbarAndroidExample.png)

## Getting started

`yarn add @react-native-community/toolbar-android`

or

`npm install @react-native-community/toolbar-android --save`

Now link the native code with your project:

```
# RN >= 0.60
npx pod-install

# RN < 0.60
react-native link @react-native-community/toolbar-android
```

### Manual installation

<details>
<summary>Manually link the library on Android</summary>
   
#### `android/settings.gradle`
```groovy
include ':react-native-community-toolbar-android'
project(':react-native-community-toolbar-android').projectDir = new File(rootProject.projectDir, '../node_modules/@react-native-community/toolbar-android/android')
```

#### `android/app/build.gradle`
```groovy
dependencies {
   ...
   implementation project(':react-native-community-toolbar-android')
}
```

#### `android/app/src/main/.../MainApplication.java`
On top, where imports are:

```java
import com.reactnativecommunity.toolbarandroid.ReactToolbarPackage;
```

Add the `toolbar-android` class to your list of exported packages.

```java
@Override
protected List<ReactPackage> getPackages() {
    return Arrays.asList(
            new MainReactPackage(),
            new ReactToolbarPackage()
    );
}
```
</details>

## Migrating from the core `react-native` module
This module was created when the ToolbarAndroid was split out from the core of React Native. To migrate to this module you need to follow the installation instructions above and then change you imports from:

```javascript
import { ToolbarAndroid } from 'react-native';
```

to:

```javascript
import ToolbarAndroid from '@react-native-community/toolbar-android';
```

## Usage

see [ToolbarAndroid](./doc/toolbarandroid.md)                                                             

## Contributors

This module was extracted from `react-native` core.

## License
The library is released under the MIT licence. For more information see `LICENSE`.