diff --git a/src/component/diary/diaryList.js b/src/component/diary/diaryList.js
index e1620ff..a73facc 100644
--- a/src/component/diary/diaryList.js
+++ b/src/component/diary/diaryList.js
@@ -274,6 +274,7 @@ export default class DiaryList extends Component {
 const localStyle = StyleSheet.create({
     container: {
         flex: 1
+        , backgroundColor: 'white'
     },
     list: {
         height: '100%'
diff --git a/src/component/notebook/notebookList.js b/src/component/notebook/notebookList.js
index 49d5c10..0347c04 100644
--- a/src/component/notebook/notebookList.js
+++ b/src/component/notebook/notebookList.js
@@ -136,7 +136,7 @@ export default class NotebookList extends Component {
     render() {
         let hasData = this.state.notebooks && this.state.notebooks.length > 0;
         return hasData ? (
-            <FlatList style={{marginTop: 15}}
+            <FlatList style={{marginTop: 15, backgroundColor: 'white'}}
                 data={this.state.notebooks}
 
                 keyExtractor={(item, index) => {
diff --git a/src/page/DiaryDetailPage.js b/src/page/DiaryDetailPage.js
index 3ebe889..1a0996e 100644
--- a/src/page/DiaryDetailPage.js
+++ b/src/page/DiaryDetailPage.js
@@ -235,6 +235,7 @@ const localStyle = StyleSheet.create({
     wrap: {
         flex: 1,
         flexDirection: 'column'
+        , backgroundColor: 'white'
     },
     container: {
         alignItems:'center',
diff --git a/src/page/FollowUserPage.js b/src/page/FollowUserPage.js
index 97cf47d..f9ff832 100644
--- a/src/page/FollowUserPage.js
+++ b/src/page/FollowUserPage.js
@@ -118,6 +118,7 @@ const localStyle = StyleSheet.create({
 
     container: {
         flex: 1
+        , backgroundColor: 'white'
     },
     tabBar: {
         backgroundColor: '#fff',
diff --git a/src/page/NotificationHistoryPage.js b/src/page/NotificationHistoryPage.js
index 283b8be..3204295 100644
--- a/src/page/NotificationHistoryPage.js
+++ b/src/page/NotificationHistoryPage.js
@@ -28,7 +28,7 @@ export default class NotificationHistoryPage extends Component {
     render() {
       return (
           <View style={localStyle.container}>
-              <NotificationList {...this.props}></NotificationList>
+              <NotificationList isHistory={true} isSetRead={false} {...this.props}></NotificationList>
           </View>
       );
     }
diff --git a/src/page/UserPage.js b/src/page/UserPage.js
index 0cb15f9..5802557 100644
--- a/src/page/UserPage.js
+++ b/src/page/UserPage.js
@@ -236,6 +236,7 @@ export default class UserPage extends Component {
 const localStyle = StyleSheet.create({
     container: {
         flex: 1
+        , backgroundColor: 'white'
     },
     tabBar: {
         backgroundColor: '#fff',