如何实现用户点击底部导航返回按钮（手机右下角）时调用指定函数？

当然可以实现，不同平台的具体处理方式如下：

Android 原生（Kotlin/Java） #

推荐使用Jetpack的OnBackPressedCallback来拦截返回事件，这种方式更灵活，支持Fragment级别的监听：

class MyFragment : Fragment() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        // 创建回调，参数true表示默认启用拦截
        val backCallback = object : OnBackPressedCallback(true) {
            override fun handleOnBackPressed() {
                // 这里执行你的自定义函数
                runCustomLogic()
                // 如果需要恢复默认返回行为，调用remove()或设置isEnabled = false
                // remove()
            }
        }
        // 将回调绑定到当前Fragment的生命周期
        requireActivity().onBackPressedDispatcher.addCallback(this, backCallback)
    }

    private fun runCustomLogic() {
        // 自定义业务逻辑
    }
}

如果是在Activity中，也可以直接重写onBackPressed()方法：

public class MainActivity extends AppCompatActivity {
    @Override
    public void onBackPressed() {
        // 优先执行自定义函数
        runCustomLogic();
        // 如需执行系统默认返回，取消注释下面一行
        // super.onBackPressed();
    }

    private void runCustomLogic() {
        // 自定义业务逻辑
    }
}

iOS 原生（Swift） #

针对系统导航栏的返回按钮和手势返回，可以通过两种方式监听：

方式1：利用导航控制器代理 #

class MyViewController: UIViewController {
    override func viewDidLoad() {
        super.viewDidLoad()
        navigationController?.delegate = self
    }

    private func runCustomLogic() {
        // 自定义业务逻辑
    }
}

extension MyViewController: UINavigationControllerDelegate {
    func navigationController(_ navigationController: UINavigationController, willShow viewController: UIViewController, animated: Bool) {
        // 判断当前控制器是否被弹出
        if viewController != self {
            runCustomLogic()
        }
    }
}

方式2：重写视图生命周期方法 #

class MyViewController: UIViewController {
    override func viewWillDisappear(_ animated: Bool) {
        super.viewWillDisappear(animated)
        // 仅当控制器被弹出时执行
        if isMovingFromParent {
            runCustomLogic()
        }
    }

    private func runCustomLogic() {
        // 自定义业务逻辑
    }
}

Flutter #

可以使用PopScope（Flutter 3.10+推荐）或WillPopScope来拦截返回事件：

PopScope 实现 #

class MyPage extends StatelessWidget {
    @override
    Widget build(BuildContext context) {
        return PopScope(
            canPop: false, // 禁用默认返回行为，按需设置
            onPopInvoked: (didPop) {
                if (didPop) return;
                // 执行自定义函数
                runCustomLogic();
                // 如需手动触发返回，取消注释下面一行
                // Navigator.of(context).pop();
            },
            child: Scaffold(
                // 页面内容
            ),
        );
    }

    void runCustomLogic() {
        // 自定义业务逻辑
    }
}

WillPopScope 实现（兼容旧版本） #

class MyPage extends StatelessWidget {
    @override
    Widget build(BuildContext context) {
        return WillPopScope(
            onWillPop: () async {
                // 执行自定义函数
                runCustomLogic();
                // 返回true允许系统默认返回，false拦截
                return true;
            },
            child: Scaffold(
                // 页面内容
            ),
        );
    }

    void runCustomLogic() {
        // 自定义业务逻辑
    }
}

React Native #

使用BackHandler模块监听硬件返回键事件：

import { BackHandler, useEffect } from 'react-native';

function MyScreen() {
    useEffect(() => {
        const handleBackPress = () => {
            // 执行自定义函数
            runCustomLogic();
            // 返回true拦截默认返回，false允许
            return true;
        };

        const backSubscription = BackHandler.addEventListener(
            'hardwareBackPress',
            handleBackPress
        );

        // 组件卸载时移除监听
        return () => backSubscription.remove();
    }, []);

    const runCustomLogic = () => {
        // 自定义业务逻辑
    };

    return (
        // 页面内容
    );
}

内容的提问来源于stack exchange，提问作者Ahmet Kaan