[Typescript error] Swipelist not showing

[ZeroCool00]

i just implement this library, i follow each step, but list is not showing. if i render something else it will render successfully, but swipelist not working. is this because of this error?

here is the complete code in case if i missing something:

import React from 'react';
import createReactClass from 'create-react-class';
import { View, Text, StyleSheet } from 'react-native';
import {Icon} from 'native-base';
import SwipeList from 'react-native-smooth-swipe-list';


const RowList = createReactClass({

    componentDidMount() {
      this.rowData = this.props.array.map(this.constructRowData);
    },

  constructRowData(item) {
      return {
          id: item,
          rowView: this.getRowView(item),
          rightSubView: this.getRemoveButton(),
          style: styles.rowFront //optional but recommended to style your rows
      };
  },
      
  getRowView(item) {
      console.log("Item>> ", item)
      return (
        <View style={styles.rowFront}>
            <Text>{`I am  a SwipeListView`}</Text>
        </View>
      );
  },

  getRemoveButton() {
    return(
      <View style={styles.rowBack}>
          <Icon name="close" style={styles.iconClose} type="FontAwesome" />
          <Text style={{ color: '#FFF', fontFamily: 'Gilroy-extrabold', marginLeft: 5}}>Remove</Text>
      </View>
    );
  },

  render() {
    return <SwipeList rowData={this.rowData}  />;
  }

});

const styles = StyleSheet.create({
  rowBack: {
    backgroundColor: "#5E368E",
    alignItems: 'center',
    justifyContent: 'center',
    flexDirection: 'row'
  },
  iconClose: {
    color: '#FFF',
    fontSize: 24,
    fontWeight: 'bold',
  },
  rowFront: {
    borderBottomColor: '#EEE',
    borderBottomWidth: 1,
    paddingHorizontal: 100,
    paddingVertical: 15,
  }
});

export default RowList;

import RowList from './rowList';
class Watch extends Component {
  state = {
    array: [1,2,3,4,5]
  }

  render() {
    const { flexOne } = styles;
    const {array} = this.state;
    return (
      <View style={flexOne}>
          { array && array.length > 0 ? <RowList array={array} /> : <EmptyView title="watch" text="stories" />}
      </View>
    );
  }
}

version:

"react-native-smooth-swipe-list": "^1.4.7"

[ZeroCool00]

https://stackoverflow.com/questions/41292559/could-not-find-a-declaration-file-for-module-module-name-path-to-module-nam

[andrewgrewell]

I haven't got the project setup to work with Typescript yet.
For now you should be able to create an index.d.ts file somewhere in your project and add

declare module 'react-native-smooth-swipe-list';

Which will get past the Typescript errors, but Typescript also will not know anything about the module.

If you or someone else wants to add Typescript support that would be great!