Skip to content
This repository was archived by the owner on Jun 24, 2021. It is now read-only.
This repository was archived by the owner on Jun 24, 2021. It is now read-only.

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

Open
@xatsss6

Description

@xatsss6

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>
    );
  }
}

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions