From 033d4c57861214c490e2491181647a7427d75a9d Mon Sep 17 00:00:00 2001 From: QuDian Date: Tue, 30 Oct 2018 18:10:09 +0800 Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E4=BB=A3=E7=A0=81?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 16 ++++++++-------- index.js | 18 ++++++++++++++++-- package.json | 10 ++++++++-- 3 files changed, 32 insertions(+), 12 deletions(-) diff --git a/README.md b/README.md index e2d6876..395bafc 100644 --- a/README.md +++ b/README.md @@ -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; ``` - \ No newline at end of file + diff --git a/index.js b/index.js index 405f7d1..f738524 100644 --- a/index.js +++ b/index.js @@ -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 ; + } +}; export default RNFixTextVieW; diff --git a/package.json b/package.json index f197fe1..a6a49f6 100644 --- a/package.json +++ b/package.json @@ -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" } }