Javascript 函数执行不按顺序进行

我使用react导航在屏幕中导航。我有一个带有

onPress

属性的按钮标签，如果按下该按钮，将调用

navigate

，并应转到

下载

屏幕。然后，调用，

generateReports（）

函数，传递回调函数

<Button transparent onPress={() => {
          navigate('Downloading')
          generateReports(() => navigate('Home'))
        }}>

export const generateReports = (callback) => {
  generateReportsTable(callback)
}

export const generateReportsTable = (callback) => {
  let currentYear = new Date(new Date().getFullYear(), 0, 1);
  let organizations = realm.objects('Organization')
  let tickets = realm.objects('Ticket')
  let currentYearTickets = tickets.filtered('created_at > $0', new 
Date(currentYear).getTime())
   for(organization of organizations) {
    let currentOrganizationTickets = []
    console.log(organization.name)
    for(ticket of currentYearTickets) {
      if(ticket.organization_id === organization.id) {
         currentOrganizationTickets.push(ticket)
      }
    }
    console.log(currentOrganizationTickets)
  }
  callback()
}

{
导航（'下载'）
generateReports（（）=>navigate（'Home'））
}}>
导出常量generateReports=（回调）=>{
generateReportsTable（回调）
}
导出常量generateReportsTable=（回调）=>{
让currentYear=新日期（新日期（）.getFullYear（），0，1）；
让组织=realm.objects（'组织'）
let tickets=realm.objects（'Ticket'）
让currentYearTickets=tickets.filtered（'created_at>$0'，new
日期（当前年份）.getTime（））
（组织的组织）{
让currentOrganizationTickets=[]
console.log（organization.name）
对于（当前年度票证的票证）{
if（ticket.organization\u id==organization.id）{
currentOrganizationTickets.push（票证）
}
}
console.log（currentOrganizationTickets）
}
回调函数（）
}

---

但是，当我运行代码并按下按钮时，应用程序将挂起，直到

generatereport

过程完成并进行导航。我错过了什么？我需要先导航，然后执行

generateReports（）

初始化下载中的代码是什么？听起来好像冻结了你的JS threadHi@MotiAzu。我有一些通过API下载数据的代码。请与我们共享这些代码，以便我们可以帮助编辑@MotiAzu的帖子。谢谢