在 React Native 中滑动以打开联系人屏幕
P粉545218185
P粉545218185 2024-03-29 19:46:00
[React讨论组]

我正在使用底部导航,当我通过滑动从拨号器屏幕导航到联系人屏幕时,当时我想直接打开手机的联系人屏幕。 下面我分享了ContactComponent文件和BottomNavigation文件的代码。 我是 React Native 的新手,所以请帮助我。 提前致谢。

ContactComponent.js

const ContactComponents = ({ navigation }) => {
 useEffect(() => {
   Linking.openURL("content://com.android.contacts/contacts")
  }, []);

 }
 export default ContactComponents

BottomNavigation.js

const Tab = createMaterialTopTabNavigator();
export default function BottomNavigation() {
return (
  
     (
          Messages 
        ),
      }}
    />


     (
            Last Ones 
          ),
        }}
    />

     (
            Dialer 
          ),
        }}
    />


     (
             //
             Contacts 
             //
          ),
        }}
    />


  

P粉545218185
P粉545218185

全部回复(1)
P粉199248808

对于 Android,您可以使用 react-native 中的本机 Linking 打开联系人应用程序。

const openContacts = () => {
  if (Platform.OS === 'android') {
    Linking.openURL('content://com.android.contacts/contacts');
  }
};

现在,如果您想在拨号器屏幕聚焦时打开联系人屏幕,您可以使用 @react-navigation/native 中的 useFocusEffect 挂钩来执行该操作。

在您想要导航到联系人应用程序的屏幕中,使用此挂钩,如图所示。

import { useCallback } from 'react';
import { Linking, Platform } from 'react-native';
import { useFocusEffect } from '@react-navigation/native';

.
.
.

useFocusEffect(
  useCallback(() => {
    if (Platform.OS === 'android') {
      Linking.openURL('content://com.android.contacts/contacts');
    }
  }, [])
);

这是用于实施的小吃

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号