React native 当切换上显示绝对定位视图时，模糊屏幕的其余部分

希望我想做的事不需要图书馆，但它来了。我有一个绝对定位视图，单击按钮时显示/隐藏该视图。现在，当它是可见的，我希望屏幕的其余部分模糊，使它在屏幕上脱颖而出。UI的树视图如下所示：

     <ScrollView>
      
         <Profile member={member}/>        
         <Chart forMember={member.id}/>
         <Summary forMember={member.id}/>

     </ScrollView>

Profile.js：

     <View>
          <Button onPress={toggleTools} title="Action"/>
          {showTools && <View style={{zIndex:50,position:'absolute'}}/>....</View>}
     
     </View>

{showTools&&….}

showTools是一个状态变量。但我一直坚持在打开屏幕时使整个屏幕模糊或失焦