open-index/open-npm huggingface dataset:
npm package: @qudian_mobile/qd-react-native-navigation
Description: ## Getting started
Author: yangjun
Latest version: 1.0.1

# qd-react-native-navigation

## Getting started

`$ npm install qd-react-native-navigation --save`

### Mostly automatic installation

`$ react-native link qd-react-native-navigation`

### Manual installation


#### iOS

1. In XCode, in the project navigator, right click `Libraries` ➜ `Add Files to [your project's name]`
2. Go to `node_modules` ➜ `qd-react-native-navigation` and add `RNNavigation.xcodeproj`
3. In XCode, in the project navigator, select your project. Add `libRNNavigation.a` to your project's `Build Phases` ➜ `Link Binary With Libraries`
4. Run your project (`Cmd+R`)<

#### Android

1. Open up `android/app/src/main/java/[...]/MainApplication.java`
  - Add `import com.qudian.react_navigation.RNNavigationPackage;` to the imports at the top of the file
  - Add `new RNNavigationPackage()` to the list returned by the `getPackages()` method
2. Append the following lines to `android/settings.gradle`:
  	```
  	include ':qd-react-native-navigation'
  	project(':qd-react-native-navigation').projectDir = new File(rootProject.projectDir, 	'../node_modules/qd-react-native-navigation/android')
  	```
3. Insert the following lines inside the dependencies block in `android/app/build.gradle`:
  	```
      compile project(':qd-react-native-navigation')
  	```


## Usage
```javascript
import RNNavigation from 'qd-react-native-navigation';

// TODO: What to do with the module?
RNNavigation;
```
npm package: @qudian_mobile/qd-react-native-snap-carousel
Description: a robust carousel
Author: Phoobobo
Latest version: 0.1.2


# @qudian_mobile/qd-react-native-snap-carousel

## Getting started

`$ npm install @qudian_mobile/qd-react-native-snap-carousel --save`

## Install peer dependency

`$ npm install react-native-snap-carousel --save`


## Usage example
```javascript
import RNWebviewplus from '@qudian_mobile/qd-react-native-snap-carousel';

<Carousel
                bannerList={this.state.bannerList}
                bannerPress={(item, clickIndex) => {
                }}
                containerHeight={Dimensions.W(410)}
                pageIndicatorStyle={styles.pageControlContainer}
                pageActiveIndicatorStyle={styles.active}
                pageInactiveIndicatorStyle={styles.inactive}
                carouselItemStyle={styles.carouselItem}
                sliderWidth={Dimensions.SCREEN_WIDTH}
                itemWidth={Dimensions.W(624.0)}
                itemHeight={Dimensions.W(330)}
                inactiveSlideScale={0.9}
                loop={true}
                autoplay={true}
            />

const styles = StyleSheet.create({
    carouselItem: {
        height: Dimensions.W(330),
        width: Dimensions.W(624),
        borderRadius: Dimensions.W(12),
    },
    pageControlContainer: {
        position: 'absolute',
        bottom: Dimensions.W(58),
        height: Dimensions.W(16),
        flexDirection: 'row',
        justifyContent: 'center',
        alignItems: 'center',
        width: Dimensions.SCREEN_WIDTH,
    },
    active: {
        width: Dimensions.W(20),
        height: Dimensions.W(6),
        marginLeft: Dimensions.W(6),
        marginRight: Dimensions.W(6),
        borderRadius: Dimensions.W(3),
        backgroundColor: '#0CC499',
    },
    inactive: {
        width: Dimensions.W(6),
        height: Dimensions.W(6),
        marginLeft: Dimensions.W(6),
        marginRight: Dimensions.W(6),
        borderRadius: Dimensions.W(3),
        backgroundColor: '#FFFFFF',
        opacity: 0.6,
    }
})
```
npm package: @qudian_mobile/qd-react-native-storage
Description: ## Getting started
Author: Your Name
Latest version: 0.1.2

# qd-react-native-storage

## Getting started

`$ npm install @qudian_mobile/qd-react-native-storage --save`

### Mostly automatic installation

`$ react-native link @qudian_mobile/qd-react-native-storage`

### Manual installation


#### iOS

1. In XCode, in the project navigator, right click `Libraries` ➜ `Add Files to [your project's name]`
2. Go to `node_modules` ➜ `@qudian_mobile/qd-react-native-storage` and add `RNStorage.xcodeproj`
3. In XCode, in the project navigator, select your project. Add `libRNStorage.a` to your project's `Build Phases` ➜ `Link Binary With Libraries`
4. Run your project (`Cmd+R`)<

#### Android

1. Open up `android/app/src/main/java/[...]/MainApplication.java`
  - Add `import com.qudian.react_storage.RNStoragePackage;` to the imports at the top of the file
  - Add `new RNStoragePackage()` to the list returned by the `getPackages()` method
2. Append the following lines to `android/settings.gradle`:
  	```
  	include ':qd-react-native-storage'
  	project(':qd-react-native-storage').projectDir = new File(rootProject.projectDir, 	'../node_modules/@qudian_mobile/qd-react-native-storage/android')
  	```
3. Insert the following lines inside the dependencies block in `android/app/build.gradle`:
  	```
      compile project(':qd-react-native-storage')
  	```


## Usage
### React层的存取
```javascript
import RNStorage from 'qd-react-native-storage';

// 存
RNStorage.setStringForKey('test_string', 'test');
// 取
RNStorage.stringForKey('test').then((res) => {
            
});

```
### Native层的存取
#### Android
```
// 存
RNStorageModule.setStringForKey("test_string", "test");
// 取
RNStorageModule.getString("test");
```
### 另外，最有用之处在于可以React层存，Native层取，反之亦可以
npm package: @qudian_mobile/qd-react-native-tool-kit
Description: useful tools for native abilities
Author: Phoobobo phoobobo@163.com
Latest version: 0.1.2

# qd-react-native-tool-kit
useful tools for native ability
## Getting started

`$ npm install @qudian_mobile/qd-react-native-tool-kit --save`

### Manual installation


#### Android

1. Append the following lines to `android/settings.gradle`:
    ```
    include ':qd-react-native-tool-kit'
    project(':qd-react-native-tool-kit').projectDir = new File(rootProject.projectDir,  '../node_modules/@qudian_mobile/qd-react-native-tool-kit/android')
    ```
2. Insert the following lines inside the dependencies block in `android/app/build.gradle`:
    ```
    implementation project(':qd-react-native-tool-kit')
    ```
3. Open up `android/app/src/main/java/[...]/MainApplication.java`
  - Add `import com.qudian.qd_react_native_tools_kit.QDReactToolKitPackage;` to the imports at the top of the file
  - Add `new QDReactToolKitPackage()` to the list returned by the `getPackages()` method
4. copy your app/res/mipmap folder to qd-react-native-tool-kit/res/

## Usage
### DownloadHelper
```javascript
import { DownloadHelper } from '@qudian_mobile/qd-react-native-tool-kit';

DownloadHelper.download(url);
```
### Dimensions
```javascript
import { StyleSheet } from 'react-native';
import { Dimensions } from '@qudian_mobile/qd-react-native-tool-kit';
const { W, PIXEL, SCREEN_HEIGHT, SCREEN_WIDTH } = Dimensions;

const styles = StyleSheet.create({
    test: {
        width: W(28),
        height: W(32),
    },
    test1: {
        width: SCREEN_WIDTH,
        height: PIXEL,
    }
})
```
npm package: @qudian_mobile/qd-react-native-ui
Description: UI hub
Author: liujunrong
Latest version: 1.0.1


# @qudian_mobile/qd-react-native-u-i

## Getting started

`$ npm install @qudian_mobile/qd-react-native-ui --save`

### Mostly automatic installation

`$ react-native link @qudian_mobile/qd-react-native-ui`

### Manual installation


#### iOS

1. In XCode, in the project navigator, right click `Libraries` ➜ `Add Files to [your project's name]`
2. Go to `node_modules` ➜ `@qudian_mobile/qd-react-native-ui` and add `QDReactNativeUI.xcodeproj`
3. In XCode, in the project navigator, select your project. Add `libQDReactNativeUI.a` to your project's `Build Phases` ➜ `Link Binary With Libraries`
4. Run your project (`Cmd+R`)<

#### Android

1. Open up `android/app/src/main/java/[...]/MainApplication.java`
  - Add `import com.qudian.ui.QDUIReactPackage;` to the imports at the top of the file
  - Add `new QDUIReactPackage()` to the list returned by the `getPackages()` method
2. Append the following lines to `android/settings.gradle`:
  	```
  	include ':@qudian_mobile/qd-react-native-ui'
  	project(':@qudian_mobile/qd-react-native-ui').projectDir = new File(rootProject.projectDir, 	'../node_modules/@qudian_mobile/qd-react-native-ui/android')
  	```
3. Insert the following lines inside the dependencies block in `android/app/build.gradle`:
  	```
      compile project(':@qudian_mobile/qd-react-native-ui')
  	```

## API
1. QDImage
2. ....
## Usage

### 1. QDImage
```
propTypes: {
	source: PropTypes.any,
	resizeMode: PropTypes.oneOf(['cover', 'contain', 'stretch', 'center']),
	...Image.propTypes, // 包含默认的View的属性
},
```

```javascript
import {QDImage} from '@qudian_mobile/qd-react-native-ui';
...
<QDImage source={{uri:'https://imgqcg01.qfq.me/cd/50/cd50f91376d4d10ad60e2fd900c88b56.png'}} style={{width:200,height:200}}/>
```
npm package: @qudian_mobile/qd-react-native-upgrade-tools
Description: react native helper for native upgrade
Author: Phoobobo phoobobo@163.com
Latest version: 0.1.2

# qd-react-native-upgrade-tools
tools for native upgrade
## Getting started

`$ npm install @qudian_mobile/qd-react-native-upgrade-tools --save`
```
react-native link react-native-device-info
react-native link prop-types
react-native link @remobile/react-native-toast
react-native link @qudian_mobile/qd-react-native-tool-kit
```

## Usage
```javascript
import UpgradeHelper from '@qudian_mobile/qd-react-native-upgrade-tools';

_checkUpdates() {
        new UpgradeHelper().checkUpdates(() => {
            return new Promise((resolve, reject) => {
          				// maybe resolve from your network fetch
                        resolve({
                            has_new: true,
                            version: '1.1.1',
                            force_update: false,
                            url: '',
                            message: '',
                        });
                })
            })
        })
    }
}

// 如果是手动检查，在调用checkUpdates方法时加第二个参数true

```
npm package: @qudian_mobile/qd-react-native-webview
Description: an more powerful react native webview
Author: Phoobobo
Latest version: 0.1.4


# react-native-webviewplus

## Getting started

`$ npm install @qudian_mobile/qd-react-native-webview --save`

### Mostly automatic installation

`$ react-native link @qudian_mobile/qd-react-native-webview`

### Manual installation


#### Android

1. Open up `android/app/src/main/java/[...]/MainApplication.java`
  - Add `import com.phoobobo.rnwebviewplus.ReactWebViewPlusPackage;` to the imports at the top of the file
  - Add `new ReactWebViewPlusPackage()` to the list returned by the `getPackages()` method
2. Append the following lines to `android/settings.gradle`:
  	```
  	include ':react-native-webviewplus'
  	project(':react-native-webviewplus').projectDir = new File(rootProject.projectDir, 	'../node_modules/@qudian_mobile/qd-react-native-webview/android')
  	```
3. Insert the following lines inside the dependencies block in `android/app/build.gradle`:
  	```
      implementation project(':react-native-webviewplus')
  	```


## Usage
```javascript
import RNWebviewplus from '@qudian_mobile/qd-react-native-webview';

// TODO: What to do with the module?
RNWebviewplus;
```