[RFR] Update snack demo

[kopax]

Describe the bug

The snack from the readme is broken.

To Reproduce

Click on that link: https://snack.expo.io/@jemise111/react-native-swipe-list-view

Screenshots

Related Issues

• Snack broken, markdown examples have bad synthax, SwipeListExample can't build for android, how can I use it for web/ios and android? #401 (comment)

Open a separate issue for this and I'm happy to try and fix it

[kopax]

Hi @jemise111 , As per your request, I have created an updated snack here:

• https://snack.expo.io/@kopax/react-native-swipe-list-view

Web view

Android view

iOS view

It is note based on the original snack, it is based on a blank snack using example.js renamed in components/DemoView.js.

I have also split each example into their own files, so they can be copied and paste more easily.

• <FlatSwipeListView />: components/examples/FlatSwipeListView.js
• <AdvancedSwipeListView />: components/examples/AdvancedSwipeListView.js
• <SectionSwipeListView />: components/examples/SectionSwipeListView.js
• <DeleteSwipeListView />: components/examples/DeleteSwipeListView.js

I have replaced the class component in components/DemoView.js for a function component because it was not necessary to use a class anymore

All you need to do is create a fork of that snack so you'll have the proper expo account, then update the README.md.

Note: I believe this should also be in the examples.js, but since I wasn't able to run locally, I wasn't able to provide a PR for this.

[jemise111]

@kopax Thanks for creating the snack. As I had trouble running some of your examples locally, I decided to just redo them myself. They are now broken into different folders under SwipeListExample/examples and I have fixed the Snack as well