Package Exports

react-native-improved-text-input
react-native-improved-text-input/build/dist/ImprovedTextInput.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (react-native-improved-text-input) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

React Native Improved Text Input

Installation

Add the dependency:

React Native:

npm i react-native-improved-text-input

Usage

Import

import TextInput from "react-native-improved-text-input";

Complete Example Usage

import React, { useState } from "react";
import { View, StatusBar, SafeAreaView } from "react-native";
import TextInput from "react-native-improved-text-input";

const App = () => {
  const [textValue, setTextValue] = useState(null);

  handleTextOnChange = textValue => {
    setTextValue(textValue);
  };

  return (
    <View>
      <StatusBar barStyle="dark-content" />
      <SafeAreaView>
        <View
          style={{
            marginTop: "50%",
            alignItems: "center",
            justifyContent: "center"
          }}
        >
          <TextInput
            value={textValue}
            selectionColor={"red"}
            onChangeText={this.handleTextOnChange}
            style={{ fontSize: 20, color: "red" }}
            placeholder="Improved TextInput Placeholder"
            placeholderStyle={{
              fontSize: 16,
              fontWeight: "bold"
            }}
          />
        </View>
      </SafeAreaView>
    </View>
  );
};

export default App;

Future Plans

LICENSE
Write an article about the lib on Medium

Author

FreakyCoder, kurayogun@gmail.com

License

React Native Improved Text Input is available under the MIT license. See the LICENSE file for more info.