Remove deprecated UIManager.RCTPSPDFKitView and use UIManager.getViewManagerConfig('RCTPSPDFKitView') instead

Update testing project to use FlatList instead of ListView

Author: irgendeinich

index.js

@@ -93,7 +93,7 @@ class PSPDFKitView extends React.Component {
     if (Platform.OS === "android") {
       UIManager.dispatchViewManagerCommand(
         findNodeHandle(this.refs.pdfView),
-        UIManager.RCTPSPDFKitView.Commands.enterAnnotationCreationMode,
+        UIManager.getViewManagerConfig('RCTPSPDFKitView').Commands.enterAnnotationCreationMode,
         []
       );
     } else if (Platform.OS === "ios") {
@@ -110,7 +110,7 @@ class PSPDFKitView extends React.Component {
     if (Platform.OS === "android") {
       UIManager.dispatchViewManagerCommand(
         findNodeHandle(this.refs.pdfView),
-        UIManager.RCTPSPDFKitView.Commands.exitCurrentlyActiveMode,
+        UIManager.getViewManagerConfig('RCTPSPDFKitView').Commands.exitCurrentlyActiveMode,
         []
       );
     } else if (Platform.OS === "ios") {
@@ -127,7 +127,7 @@ class PSPDFKitView extends React.Component {
     if (Platform.OS === "android") {
       UIManager.dispatchViewManagerCommand(
         findNodeHandle(this.refs.pdfView),
-        UIManager.RCTPSPDFKitView.Commands.saveCurrentDocument,
+        UIManager.getViewManagerConfig('RCTPSPDFKitView').Commands.saveCurrentDocument,
         []
       );
     } else if (Platform.OS === "ios") {
@@ -158,7 +158,7 @@ class PSPDFKitView extends React.Component {
 
       UIManager.dispatchViewManagerCommand(
         findNodeHandle(this.refs.pdfView),
-        UIManager.RCTPSPDFKitView.Commands.getAnnotations,
+        UIManager.getViewManagerConfig('RCTPSPDFKitView').Commands.getAnnotations,
         [requestId, pageIndex, type]
       );
 
@@ -181,7 +181,7 @@ class PSPDFKitView extends React.Component {
     if (Platform.OS === "android") {
       UIManager.dispatchViewManagerCommand(
         findNodeHandle(this.refs.pdfView),
-        UIManager.RCTPSPDFKitView.Commands.addAnnotation,
+        UIManager.getViewManagerConfig('RCTPSPDFKitView').Commands.addAnnotation,
         [annotation]
       );
     } else if (Platform.OS === "ios") {
@@ -201,7 +201,7 @@ class PSPDFKitView extends React.Component {
     if (Platform.OS === "android") {
       UIManager.dispatchViewManagerCommand(
         findNodeHandle(this.refs.pdfView),
-        UIManager.RCTPSPDFKitView.Commands.removeAnnotation,
+        UIManager.getViewManagerConfig('RCTPSPDFKitView').Commands.removeAnnotation,
         [annotation]
       );
     } else if (Platform.OS === "ios") {
@@ -229,7 +229,7 @@ class PSPDFKitView extends React.Component {
 
       UIManager.dispatchViewManagerCommand(
         findNodeHandle(this.refs.pdfView),
-        UIManager.RCTPSPDFKitView.Commands.getAllUnsavedAnnotations,
+        UIManager.getViewManagerConfig('RCTPSPDFKitView').Commands.getAllUnsavedAnnotations,
         [requestId]
       );
 
@@ -250,7 +250,7 @@ class PSPDFKitView extends React.Component {
     if (Platform.OS === "android") {
       UIManager.dispatchViewManagerCommand(
         findNodeHandle(this.refs.pdfView),
-        UIManager.RCTPSPDFKitView.Commands.addAnnotations,
+        UIManager.getViewManagerConfig('RCTPSPDFKitView').Commands.addAnnotations,
         [annotations]
       );
     } else if (Platform.OS === "ios") {
@@ -281,7 +281,7 @@ class PSPDFKitView extends React.Component {
 
       UIManager.dispatchViewManagerCommand(
         findNodeHandle(this.refs.pdfView),
-        UIManager.RCTPSPDFKitView.Commands.getFormFieldValue,
+        UIManager.getViewManagerConfig('RCTPSPDFKitView').Commands.getFormFieldValue,
         [requestId, fullyQualifiedName]
       );
 
@@ -304,7 +304,7 @@ class PSPDFKitView extends React.Component {
     if (Platform.OS === "android") {
       UIManager.dispatchViewManagerCommand(
         findNodeHandle(this.refs.pdfView),
-        UIManager.RCTPSPDFKitView.Commands.setFormFieldValue,
+        UIManager.getViewManagerConfig('RCTPSPDFKitView').Commands.setFormFieldValue,
         [fullyQualifiedName, value]
       );
     } else if (Platform.OS === "ios") {

samples/Catalog/testing/Testing.js

@@ -7,7 +7,7 @@ import {
     Button,
     Image,
     TouchableHighlight,
-    ListView,
+    FlatList,
     NativeModules,
     processColor,
     PermissionsAndroid,
@@ -53,23 +53,13 @@ class CatalogScreen extends Component<{}> {
         title: "Test Cases"
     };
 
-    // Initialize the hardcoded data
-    constructor(props) {
-        super(props);
-        const ds = new ListView.DataSource({
-            rowHasChanged: (r1, r2) => r1 !== r2
-        });
-        this.state = {
-            dataSource: ds.cloneWithRows(examples)
-        };
-    }
-
     render() {
         return (
             <View style={styles.page}>
-                <ListView
-                    dataSource={this.state.dataSource}
-                    renderRow={this._renderRow}
+                <FlatList
+                    data={examples}
+                    keyExtractor={this._keyExtractor}
+                    renderItem={this._renderRow}
                     renderSeparator={this._renderSeparator}
                     contentContainerStyle={styles.listContainer}
                     style={styles.list}
@@ -78,21 +68,24 @@ class CatalogScreen extends Component<{}> {
         );
     }
 
+    _keyExtractor = (item, index) => item.name;
+
     _renderSeparator(sectionId, rowId) {
         return <View key={rowId} style={styles.separator} />;
     }
 
     _renderRow = example => {
+        console.log(example)
         return (
             <TouchableHighlight
                 onPress={() => {
-                    example.action(this);
+                    example.item.action(this);
                 }}
                 style={styles.row}
                 underlayColor="#209cca50"
             >
                 <View style={styles.rowContent}>
-                    <Text style={styles.name}>{example.name}</Text>
+                    <Text style={styles.name}>{example.item.name}</Text>
                 </View>
             </TouchableHighlight>
         );