How to use the react-native-paper.withTheme function in react-native-paper

item}
          renderItem={this.renderItem}
          ItemSeparatorComponent={Separator}
          keyboardShouldPersistTaps="always"
          removeClippedSubviews={false} // to prevent flatlist hidden after switch language
          onScroll={Keyboard.dismiss}
        />
      
    );
  }
}

export default withTheme(connectLocalization(SearchHistory));

>
        
        {!!accessToken && this.renderBody()}
      
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    paddingTop: Platform.OS === 'ios' ? 24 : 0,
  },
});

export default withTheme(App);

container: {
    flex: 1
  },
  bottom: {
    position: 'absolute',
    left: 0,
    right: 0,
    bottom: 0,
  },
  tint: {
    height: 36, width: 36, 
    borderRadius: 18, 
  }
});

export default withTheme(Settings);

}
}

const styles = StyleSheet.create({
    container: {
        flex: 1
    },
    content: {
        padding: 4
    },
    card: {
        margin: 4
    }
});

export default withTheme(Home);

};

  render() {
    const { theme } = this.props;
    return (
      
        {this.renderList(settingsList)}
        {this.renderList(otherList)}
      
    );
  }
}

export default withTheme(
  connectLocalization(
    connect(
      state => ({
        initialScreenId: state.initialScreenSettings.routeName,
        lang: state.i18n.lang,
      }),
      modalActionCreators,
    )(Settings),
  ),
);

/>
            
          
        
      
    );
  }
}

export default withTheme(
  enhanceSaveImage(
    connect(
      () => {
        const getDetailItem = makeGetDetailItem();
        return (state, props) => {
          const item = getDetailItem(state, props);
          const isMuteUser = item
            ? state.muteUsers.items.some(m => m === item.user.id)
            : false;
          const {
            illust_id: illustIdFromQS,
            illustId,
            items,
            index,
            onListEndReached,
            parentListKey,

}

  handleBack = () => {
    if (Actions.state.routes.length == 1) {
      BackHandler.exitApp();
    }
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1
  },
});

export default withTheme(App);

import React, { Component } from 'react'
import Fuse from 'fuse.js'
import { View } from 'react-native'
import { FAB, Dialog, Portal, Button, Text, withTheme } from 'react-native-paper'

import { fetchLanguages, createRepl } from '../../../lib/network'
import FormInput from '../../customized/FormInput'

export default withTheme(
  class extends Component {
    state = {
      dialogOpen: false,
      title: '',
      language: '',
      error: null,
      loading: false
    }

    render() {
      return (

refreshControl={
              
            }
            showsVerticalScrollIndicator={
              showsVerticalScrollIndicator !== null
                ? showsVerticalScrollIndicator
                : true
            }
          />
        ) : null}
      
    );
  }
}

export default withTheme(
  withNavigation(
    connect(
      null,
      bookmarkIllustActionCreators,
    )(IllustList),
  ),
);

);
  }
}
const styles = StyleSheet.create({
  container: {
    flex: 1,
    padding: 16,
  },

  row: {
    marginVertical: 10,
  },
});

export default withTheme(ProgressBarExample);