react-native-autocomplete-tags

@chainplatform/tags is a React Native autocomplete tags library implement for react-native and react-native-web.

Install

npm install @chainplatform/tags --save

or

yarn add @chainplatform/tags

Usage

import React from 'react';
import AutocompleteTags from '@chainplatform/tags';

class App extends React.Component {

    constructor(props) {
        super(props);

        this.state = {
          tags: [],
          suggestions: []
        };
    }

    setTags() {

    }

  render() {
    return (
      <View style={{flex:1}}>
        <AutocompleteTags
                                    tags={this.state.tags}
                                    suggestions={this.state.suggestions}
                                    labelExtractor={(tag) => tag}
                                    suggestionExtractor={(tag) => tag}
                                    onChangeTags={(tags) => this.setTags(tags)}
                                    allowCustomTags={false}
                                    inputProps={{
                                        autoCapitalize: 'none',
                                        autoCorrect: false,
                                    }}
                                    containerStyle={{
                                        
                                    }}
                                    flatListStyle={{
                                        
                                    }}
                                    inputStyle={{
                                        
                                    }}
                                    textSuggestionStyle={{
                                        
                                    }}
                                    tagStyle={{
                                        
                                    }}
                                    tagTextStyle={{
                                        
                                    }}
                                    textStyle={{
                                        
                                    }}
                                    suggestionStyle={{
                                        
                                    }}
                                />  
      </View>
    );
  }
}