React Native实现APP启动时自动点击按钮的方法

你不需要模拟点击按钮来实现这个功能，直接在组件挂载完成后调用openBrowserAsync即可，具体修改如下：

• 引入useEffect钩子，它会在组件首次渲染完成后执行指定逻辑
• 将打开浏览器的逻辑抽离成独立函数（便于复用和维护）
• 在useEffect中调用该函数，同时添加错误处理避免异常

修改后的完整代码：

import React, { useEffect } from 'react';
import { StatusBar } from 'expo-status-bar';
import { StyleSheet, View, Button } from 'react-native';
import { openBrowserAsync } from 'expo-web-browser';

export default function App() {
  // 抽离打开浏览器的逻辑
  const openTargetUrl = async () => {
    try {
      await openBrowserAsync("https://dicateeu.co.uk");
    } catch (error) {
      console.error("打开浏览器失败:", error);
    }
  };

  // 组件挂载后自动执行
  useEffect(() => {
    openTargetUrl();
  }, []);

  return (
    <View style={styles.container}>
      {/* 保留按钮作为备用（不需要可直接删除） */}
      <Button title="Open Browser" onPress={openTargetUrl} />
      
      <StatusBar style="auto" />
    </View>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#fff',
    alignItems: 'center',
    justifyContent: 'center',
  },
});

说明：

• 空数组[]作为useEffect的依赖项，确保逻辑只在组件首次挂载时执行一次
• 添加try/catch捕获可能的错误（比如用户拒绝浏览器打开请求、设备不支持等）
• 若无需显示按钮，直接移除<Button>组件即可

内容的提问来源于stack exchange，提问作者yxngkxng 480