From ef5fa16ef456969052807166470e35b9f071e17b Mon Sep 17 00:00:00 2001
From: Julia Friesel <julia.friesel@gmail.com>
Date: Thu, 31 May 2018 22:10:11 +0200
Subject: [PATCH] Rerender list on save
---
list.js | 10 +++++++++-
1 file changed, 9 insertions(+), 1 deletion(-)
diff --git a/list.js b/list.js
index 156b82c7..5c232e95 100644
--- a/list.js
+++ b/list.js
@@ -14,7 +14,10 @@ import { cycleDaysSortedbyTempValueView, saveTemperature } from './db'
export default class Temp extends Component {
constructor(props) {
super(props)
- this.state = { currentValue: '' }
+ this.state = {
+ currentValue: '',
+ rerenderToggle: false
+ }
}
render() {
@@ -38,13 +41,18 @@ export default class Temp extends Component {
}
)
this.setState({currentValue: ''})
+ // FlatList only reacts to primitive value changes,
+ // this boolean toggle makes sure the list updates
+ this.setState({ reRender: !this.state.rerenderToggle})
Keyboard.dismiss()
}}
title="Save"
/>
+ <Text>{cycleDaysSortedbyTempValueView.length}</Text>
<FlatList
data = { cycleDaysSortedbyTempValueView }
renderItem={({item}) => <Text>{item.temperature.value}</Text>}
+ extraData = { this.state }
/>
</View>
)
--
GitLab