search

Astrocoders / react-native-selectable-text

Capture text selection and customize the action menu
MIT License
224 stars 96 forks source link

Tried to register two view with the same name RCTMultilineTextInputView #42

Open xatsss6 opened 4 years ago

xatsss6 commented 4 years ago

I'm using expo and trying to add react-native-selectable-text package to my project. I get the following error: Tried to register two view with the same name RCTMultilineTextInputView. How do I handle it?

Here is my package.json:

{
  "main": "node_modules/expo/AppEntry.js",
  "scripts": {
    "start": "expo start",
    "android": "expo start --android",
    "ios": "expo start --ios",
    "web": "expo start --web",
    "eject": "expo eject"
  },
  "dependencies": {
    "@apollo/react-hooks": "^3.1.3",
    "@eva-design/eva": "^1.2.0",
    "@fortawesome/fontawesome-svg-core": "^1.2.25",
    "@fortawesome/free-solid-svg-icons": "^5.11.2",
    "@fortawesome/react-native-fontawesome": "^0.1.0",
    "@ui-kitten/date-fns": "^4.2.0",
    "@ui-kitten/eva-icons": "^4.2.0",
    "@ui-kitten/moment": "^4.2.0",
    "apollo-cache-inmemory": "^1.6.3",
    "apollo-client": "^2.6.4",
    "apollo-link-context": "^1.0.19",
    "apollo-link-http": "^1.5.16",
    "babel-plugin-module-resolver": "^3.2.0",
    "expo": "^35.0.1",
    "graphql": "^14.5.8",
    "graphql-tag": "^2.10.1",
    "punycode": "^2.1.1",
    "react": "16.8.3",
    "react-apollo": "^3.1.3",
    "react-dom": "16.8.3",
    "react-native": "https://github.com/expo/react-native/archive/sdk-35.0.0.tar.gz",
    "react-native-gesture-handler": "^1.5.0",
    "react-native-keyboard-aware-scroll-view": "^0.9.1",
    "react-native-markdown-renderer": "^3.2.8",
    "react-native-reanimated": "^1.4.0",
    "react-native-screens": "^2.0.0-alpha.11",
    "react-native-selectable-text": "^1.0.2",
    "react-native-svg": "^9.13.3",
    "react-native-tailwind": "^1.0.3",
    "react-native-ui-kitten": "^4.2.0",
    "react-native-web": "^0.11.7",
    "react-navigation": "^4.0.10",
    "react-navigation-stack": "^1.10.3",
    "react-navigation-tabs": "^2.5.6",
    "recompose": "^0.30.0"
  },
  "devDependencies": {
    "@types/react": "^16.8.23",
    "@types/react-native": "^0.57.65",
    "babel-preset-expo": "^7.1.0",
    "typescript": "^3.6.3"
  },
  "private": true
}

Here is the file where i'm using SelectableText:

import React, { Component } from "react";
import navStyles from "../../styles/navStyles";
import {
  StyleSheet,
  View,
  ScrollView,
} from "react-native";

import { graphql } from "react-apollo";
import gql from "graphql-tag";
import { SelectableText } from "react-native-selectable-text";

class RfcItem extends Component {
  static navigationOptions = {
    title: "RfcItem",
    ...navStyles,
  };

  render() {
    const { RFC, loading } = this.props;

    if (loading) return null;
    const { rfc: c } = RFC.content;
    return (
      <ScrollView contentContainerStyle={styles.container}>
        <SelectableText
          selectable
          multiline
          contextMenuHidden
          scrollEnabled={false}
          editable={false}
          onSelectionChange={event => {
            const {
              nativeEvent: {
                selection: { start, end },
              },
            } = event;
            const str = text.substring(start, end);
            //onSelectionChange({ str, start, end });
          }}
          style={{
            color: "#BAB6C8",
          }}
          value={"Some text"}
        />
      </ScrollView>
    );
  }
}