nimysan/react-native-clear-cache

react native 清除缓存第三方库

react-native-clear-cache

react native 清除缓存第三方库

导出方法

• getCacheSize - 获取缓存大小
  • @callBack - Function - 回调函数
    • @cacheSize - String - 缓存大小
    • @unit - String - 缓存大小单位(B KB MB G)

• runClearCache - 清除缓存
  • @callBack - Function - 回调函数

使用实例

import clear from 'react-native-clear-cache';

constructor () {
    super();
    this.state = {
      cacheSize:"",
      unit:"",
    }
    clear.getCacheSize((value,unit)=>{
      this.setState({
        cacheSize:value, //缓存大小
        unit:unit  //缓存单位
      })
    });
    
  }
  
  render() {
    return (
      <View style={{flex: 1,justifyContent: 'center',alignItems: 'center'}}>
        <Text style={{fontSize: 20,textAlign: 'center',margin: 10}}>
          缓存大小{this.state.cacheSize}{this.state.unit}
        </Text>
        <Button title="清除缓存" onPress={this.clearCache.bind(this)}/>
      </View>
    );
  }
  
  clearCache(){

    clear.runClearCache(()=>{

      console.log("清除成功");

    clear.getCacheSize((value,unit)=>{
      this.setState({
        cacheSize:value, //缓存大小
        unit:unit  //缓存单位
      })
    });
      
    });

  }

使用方法

npm i react-native-clear-cache -save

自动配置

执行此命令

react-native link

手动配置

android配置

1. 设置 android/setting.gradle

   ...
   
   include ':reactNativeClearCache'
   project(':reactNativeClearCache').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-clear-cache/android')
   
   

2. 设置 android/app/build.gradle

   ...
   dependencies {
       ...
       compile project(':reactNativeClearCache')
   }
   

3. 注册模块 (到 MainApplication.java)

   import com.example.qiepeipei.react_native_clear_cache.ClearCachePackage;
   
   public class MainApplication extends Application implements ReactApplication {
     ......
   
       @Override
   	protected List<ReactPackage> getPackages() {
     		return Arrays.<ReactPackage>asList(
         			new MainReactPackage(),
         			new new ClearCachePackage()      //<--- 添加
     		);
   	} 
   
     ......
   
   }
   

ios配置

1. 右键 Libraries 选择Add Files To "项目名" 进入../node_modules/react-native-clear-cache/ios/目录 选择RCTClearCacheModule.xcodeproj 添加

2. 在项目Build Phases下的Link Binary With Libraries 下 添加libRCTClearCacheModule.a库文件