Function App

Example/testHotUpdate/src/index.tsx:57–228

()

});

function App() {
	const {
		client,
		checkUpdate,
		downloadUpdate,
		switchVersionLater,
		switchVersion,
		updateInfo,
		packageVersion,
		currentHash,
		parseTestQrCode,
		progress: { received, total } = {},
		currentVersionInfo,
	} = useUpdate();
	const [useDefaultAlert, setUseDefaultAlert] = useState(true);
	const [showTestConsole, setShowTestConsole] = useState(false);
	const [showUpdateBanner, setShowUpdateBanner] = useState(false);
	const [showUpdateSnackbar, setShowUpdateSnackbar] = useState(false);
	const snackbarVisible =
		!useDefaultAlert && showUpdateSnackbar && updateInfo?.update;
	const [showCamera, setShowCamera] = useState(false);
	const lastParsedCode = useRef("");
	const bundleLabel =
		(global as any).__RNU_E2E_BUNDLE_LABEL || LOCAL_UPDATE_LABELS.base;

	return (
		<View style={styles.container}>
			<Text style={styles.welcome}>欢迎使用Pushy热更新服务</Text>
			<View style={{ flexDirection: "row" }}>
				<Text>
					{useDefaultAlert ? "当前使用" : "当前不使用"}默认的alert更新提示
				</Text>
				<Switch
					value={useDefaultAlert}
					onValueChange={(v) => {
						setUseDefaultAlert(v);
						client?.setOptions({
							updateStrategy: v ? null : "alwaysAlert",
						});
						setShowUpdateSnackbar(!v);
					}}
				/>
				<Button
					onPress={() => {
						Sentry.captureException(
							new Error(`test error ${new Date().toISOString()}`),
						);
					}}
				>
					Try Sentry event
				</Button>
			</View>
			<Button onPress={() => setShowCamera(true)}>打开相机</Button>
			<Portal>
				<Modal visible={showCamera} onDismiss={() => setShowCamera(false)}>
					<Camera
						style={{ minHeight: 320 }}
						scanBarcode={true}