一款用于react-native监听app[AppState]前后台的自定义Hooks开源插件

react-native-watch-appstate

React Native appState hook is a custom react hook, built to handle iOS or Android or Harmony appState in your react component

自定义 appState hooks 适用于三端[android/ios/harmony]

_ AppState 可以告诉您应用程序是在前台还是后台,并在状态改变时通知您。 _

rn 官方地址 appState https://reactnative.dev/docs/appstate

安装

yarn add react-native-watch-appstate

OR

npm install react-native-watch-appstate


Example

javascript 复制代码
import React from "react";
import { Text, View } from "react-native";
import useAppState from "react-native-appstate-hook";

export default function App() {
  const appState = useAppState({
    onChange: (newAppState) =>
      console.warn("App state changed to ", newAppState),
    onForeground: () => console.warn("App went to Foreground"),
    onBackground: () => console.warn("App went to background"),
  });

  return (
    <View
      style={{
        textAlign: "center",
        backgroundColor: "white",
        flex: 1,
        justifyContent: "center",
      }}
    >
      <Text>App State is: {appState}</Text>
    </View>
  );
}
相关推荐
说私域12 分钟前
基于开源AI智能名片链动2+1模式的S2B2C商城小程序:门店私域流量与视频号直播融合的生态创新研究
人工智能·小程序·开源
不讲道理的柯里昂5 小时前
Vue MathJax Beautiful,基于Mathjax的数学公式编辑插件
vue.js·开源
FIT2CLOUD飞致云6 小时前
多项功能优化与改进,1Panel开源面板v2.0.3版本发布
开源
Qiuner6 小时前
【源力觉醒 创作者计划】开源、易用、强中文:文心一言4.5或是 普通人/非AI程序员 的第一款中文AI?
人工智能·百度·开源·文心一言·gitcode
Simon_He20 小时前
一个免费的在线压缩网站超越了付费的压缩软件
前端·开源·图片资源
Codebee1 天前
50行代码搞定OneCode摄像头插件:快速定制实战指南
前端框架·开源·ecmascript 6
tinker1 天前
使用 RustDesk 搭建私有远程桌面环境
开源
mortimer1 天前
从零到一:构建一个 Chatterbox-TTS API 服务
开源·github·ai编程
Sherlock Ma1 天前
百度开源文心一言4.5:论文解读和使用入门
人工智能·百度·自然语言处理·开源·大模型·文心一言·多模态
一支烟一朵花1 天前
630,百度文心大模型4.5系列开源!真香
人工智能·百度·开源·文心一言