Rerender list on save
This commit is contained in:
@@ -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>
|
||||||
)
|
)
|
||||||
|
|||||||
Reference in New Issue
Block a user