diff --git a/RNTester/js/SwipeableFlatListExample.js b/RNTester/js/SwipeableFlatListExample.js index 3a1fbd8bcb8d85..7f27b4dc2c9804 100644 --- a/RNTester/js/SwipeableFlatListExample.js +++ b/RNTester/js/SwipeableFlatListExample.js @@ -10,7 +10,6 @@ 'use strict'; const React = require('react'); -const createReactClass = require('create-react-class'); const ReactNative = require('react-native'); const { Image, @@ -24,6 +23,8 @@ const { const RNTesterPage = require('./RNTesterPage'); +import type {RNTesterProps} from 'RNTesterTypes'; + const data = [ { key: 'like', @@ -42,14 +43,11 @@ const data = [ }, ]; -const SwipeableFlatListExample = createReactClass({ - displayName: 'SwipeableFlatListExample', - statics: { - title: '', - description: 'Performant, scrollable, swipeable list of data.', - }, +class SwipeableFlatListExample extends React.Component { + static title = ''; + static description = 'Performant, scrollable, swipeable list of data.'; - render: function() { + render() { return ( '} @@ -64,9 +62,9 @@ const SwipeableFlatListExample = createReactClass({ /> ); - }, + } - _renderItem: function({item}): ?React.Element { + _renderItem({item}): ?React.Element { return ( @@ -75,9 +73,9 @@ const SwipeableFlatListExample = createReactClass({ ); - }, + } - _renderQuickActions: function({item}: Object): ?React.Element { + _renderQuickActions({item}: Object): ?React.Element { return ( ); - }, -}); + } +} var styles = StyleSheet.create({ row: {