React Naitiveでの再レンダリング

Question

React Naitiveでの再レンダリング

stateを更新しているのですが、画面が更新されずに古いデータが残っております。
textinputで値を変更できるようにしているのですが、リセットボタンを押しても古いデータのままです。
こちら強制的に更新させる方法はないでしょうか。

Flatlistなどを見るとexecData={this.state.refresh}のようにして更新できるようなのですが、
それ以外の方法がわからず模索しております。

logを見たり、別のボタンを用意して再度setすると画面更新されるため、記述方法が悪い気がします。

import { Button } from 'react-native-elements';

const INITIAL_STATE = {
  test: 20,
}

constructor(props) {
    super(props);

    // this.state
    this.state = INITIAL_STATE;
    

  }

clearAllData = async() => {
    await AsyncStorage.getAllKeys()
      .then(keys => AsyncStorage.multiRemove(keys))
      .then(() => 
      Alert.alert(
        'Reset',
        'Storage has been removed.',
        [
          { text: 'OK' },
        ],
        { cancelable: false }
      )
      );
  }
  
  // リセットボタン
  reset = async (key) => {
    
	// keyではなく全削除でテスト
    this.clearAllData();

    //this.setState({...INITIAL_STATE});　//どっでもダメ
    this.setState({INITIAL_STATE});
    //this.loadRefresh();
	
  }
  
render部分
            <View>
            <TextInput
              onChangeText={(text) => this.setState({test:text})}
              value={String(this.state.test)}
              placeholder={1}
              returnKeyType={'done'}
              keyboardType='numeric'
             />
			 <Button
        onPress={() => this.reset('test')}
        title=" "
      />
          </View>