增加代码

This commit is contained in:
QuDian
2018-10-30 18:10:09 +08:00
parent 8154f3b5b7
commit 033d4c5786
3 changed files with 32 additions and 12 deletions
+8 -8
View File
@@ -3,11 +3,11 @@
## Getting started
`$ npm install react-native-fix-text-vie-w --save`
`$ npm install react-native-fix-text-view --save`
### Mostly automatic installation
`$ react-native link react-native-fix-text-vie-w`
`$ react-native link react-native-fix-text-view`
### Manual installation
@@ -15,7 +15,7 @@
#### 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-fix-text-vie-w` and add `RNFixTextVieW.xcodeproj`
2. Go to `node_modules``react-native-fix-text-view` and add `RNFixTextVieW.xcodeproj`
3. In XCode, in the project navigator, select your project. Add `libRNFixTextVieW.a` to your project's `Build Phases``Link Binary With Libraries`
4. Run your project (`Cmd+R`)<
@@ -26,20 +26,20 @@
- Add `new RNFixTextVieWPackage()` to the list returned by the `getPackages()` method
2. Append the following lines to `android/settings.gradle`:
```
include ':react-native-fix-text-vie-w'
project(':react-native-fix-text-vie-w').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-fix-text-vie-w/android')
include ':react-native-fix-text-view'
project(':react-native-fix-text-view').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-fix-text-view/android')
```
3. Insert the following lines inside the dependencies block in `android/app/build.gradle`:
```
compile project(':react-native-fix-text-vie-w')
compile project(':react-native-fix-text-view')
```
## Usage
```javascript
import RNFixTextVieW from 'react-native-fix-text-vie-w';
import RNFixTextVieW from 'react-native-fix-text-view';
// TODO: What to do with the module?
RNFixTextVieW;
```
+16 -2
View File
@@ -1,6 +1,20 @@
import { NativeModules } from 'react-native';
const { RNFixTextVieW } = NativeModules;
import React, {Component} from 'react';
import {Platform, TextInput} from 'react-native';
class RNFixTextVieW extends Component {
shouldComponentUpdate(nextProps){
return Platform.OS !== 'ios' || (this.props.value === nextProps.value &&
(nextProps.defaultValue == undefined || nextProps.defaultValue == '' )) ||
(this.props.defaultValue === nextProps.defaultValue && (nextProps.value == undefined || nextProps.value == '' ));
}
render() {
return <TextInput {...this.props} />;
}
};
export default RNFixTextVieW;
+8 -2
View File
@@ -1,6 +1,6 @@
{
"name": "react-native-fix-text-vie-w",
"name": "react-native-fix-text-view",
"version": "1.0.0",
"description": "",
"main": "index.js",
@@ -12,7 +12,13 @@
],
"author": "",
"license": "",
"devDependencies": {
"react-native": "0.55.4",
"prop-types": "^15.6.2",
"react": "16.3.1"
},
"peerDependencies": {
"react-native": "^0.41.2"
"react-native": "0.x",
"react": "16.x"
}
}