example/src/App.js

@@ -5,19 +5,51 @@ import { Text, View } from 'react-native';
 import ImmutableListView from 'react-native-immutable-list-view/src/ImmutableListView';
 
 import style from './styles';
-import listData from './listData';
+import mockData, { sameData, differentSections, differentRows } from './listData';
 
 class App extends Component {
 
+  state = {
+    listData: mockData,
+  };
+
+  componentDidMount() {
+    const delay = 1000;
+
+    setTimeout(() => {
+      console.log('--- Setting sameData');
+      this.setState({ listData: sameData });
+    }, 1 * delay);
+
+    setTimeout(() => {
+      console.log('--- Setting differentSections');
+      this.setState({ listData: differentSections });
+    }, 2 * delay);
+
+    setTimeout(() => {
+      console.log('--- Setting sameData');
+      this.setState({ listData: sameData });
+    }, 3 * delay);
+
+    setTimeout(() => {
+      console.log('--- Setting differentRows');
+      this.setState({ listData: differentRows });
+    }, 4 * delay);
+  }
+
   renderRow(rowData) {
+    console.log('> renderRow\t\t', rowData);
     return <Text style={style.row}>{JSON.stringify(rowData)}</Text>;
   }
 
   renderSectionHeader(sectionData, category) {
+    console.log('> renderHeader\t', category);
     return <Text style={style.header}>{category}</Text>;
   }
 
   render() {
+    const { listData } = this.state;
+
     return (
       <View style={style.container}>
         <Text style={style.welcome}>

example/src/listData.js

@@ -11,4 +11,43 @@ const data = Immutable.fromJS({
   ],
 });
 
+const sameData = Immutable.fromJS({
+  'Section A': [
+    'foo',
+    'bar',
+  ],
+  'Section B': [
+    'fizz',
+    'buzz',
+  ],
+});
+
+const differentSections = Immutable.fromJS({
+  'Section C': [
+    'foo',
+    'bar',
+  ],
+  'Section D': [
+    'fizz',
+    'buzz',
+  ],
+});
+
+const differentRows = Immutable.fromJS({
+  'Section A': [
+    'baz',
+    'qux',
+  ],
+  'Section B': [
+    'fizz',
+    'buzz',
+  ],
+});
+
+export {
+  sameData,
+  differentSections,
+  differentRows,
+};
+
 export default data;

src/ImmutableListView.js

@@ -94,7 +94,10 @@ class ImmutableListView extends PureComponent {
 
   state = {
     dataSource: new ListView.DataSource({
-      rowHasChanged: (prevRowData, nextRowData) => !Immutable.is(prevRowData, nextRowData),
+      rowHasChanged: (r1, r2) => {
+        console.log('? rowHasChanged ?\t\t', r1, Immutable.is(r1, r2) ? '==' : '!=', r2);
+        return !Immutable.is(r1, r2);
+      },
 
       getRowData: (dataBlob, sectionID, rowID) => {
         const rowData = getValueFromKey(sectionID, dataBlob);