一款用于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>
  );
}
相关推荐
HelloGitHub31 分钟前
开源新旗舰 GLM-4.5:不想刷榜,只想干活儿
人工智能·开源·github
陈敬雷-充电了么-CEO兼CTO35 分钟前
字节跳动开源Coze,开启AI Agent开发新时代?
人工智能·gpt·chatgpt·开源·大模型·agi·coze
说私域39 分钟前
基于开源AI智能名片链动2+1模式与S2B2C商城小程序的微商品牌规范化运营研究
人工智能·小程序·开源
程思扬39 分钟前
无界设计新生态:Penpot开源平台与cpolar的云端协同创新实践
大数据·linux·服务器·前端·经验分享·ubuntu·开源
强德亨上校42 分钟前
2025年7月21–28日AI开发周报:新模型、新战略与开源亮点
人工智能·科技·gpt·chatgpt·开源·aigc
算家计算44 分钟前
FLUX.1 Kontext LoRA专用炼丹炉使用教程:加快训练进程,减少实例费用消耗!
人工智能·开源·aigc
bin91531 小时前
「源力觉醒 创作者计划」_文心大模型4.5系列开源模型,意味着什么?对开发者、对行业生态有何影响?
开源·文心大模型·4.5系列开源模型
百度Geek说1 小时前
世界人工智能大会,我们带来两个好消息!
后端·开源
DogDaoDao2 小时前
GitHub开源项目Zerox:AI驱动的OCR革命
人工智能·深度学习·开源·github·ocr·图像识别·zerox
OpenTiny社区2 小时前
前端可智能识别的搜索组件 SearchBox 使用详解!
前端·vue.js·ui·开源·opentiny