Rerender list on save

This commit is contained in:
Julia Friesel
2018-05-31 22:10:11 +02:00
parent 167f24b601
commit ef5fa16ef4
+9 -1
View File
@@ -14,7 +14,10 @@ import { cycleDaysSortedbyTempValueView, saveTemperature } from './db'
export default class Temp extends Component { export default class Temp extends Component {
constructor(props) { constructor(props) {
super(props) super(props)
this.state = { currentValue: '' } this.state = {
currentValue: '',
rerenderToggle: false
}
} }
render() { render() {
@@ -38,13 +41,18 @@ export default class Temp extends Component {
} }
) )
this.setState({currentValue: ''}) 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() Keyboard.dismiss()
}} }}
title="Save" title="Save"
/> />
<Text>{cycleDaysSortedbyTempValueView.length}</Text>
<FlatList <FlatList
data = { cycleDaysSortedbyTempValueView } data = { cycleDaysSortedbyTempValueView }
renderItem={({item}) => <Text>{item.temperature.value}</Text>} renderItem={({item}) => <Text>{item.temperature.value}</Text>}
extraData = { this.state }
/> />
</View> </View>
) )