react native 毛玻璃效果

import React from 'react'
import { View, Text, FlatList } from 'react-native'
import { Skeleton } from '@rneui/themed'
import useList from './useList'
import { Image } from '../../../../component/light'
import { BlurView } from 'expo-blur'
import styles from './styles'

export default function Home(props) {
  const { dataSource, isHasMore, handleSearch, handleScroll } =
    useList(props)
  return (
    
       handleSearch()}
        onScroll={(e) => handleScroll(e)}
        renderItem={({ item }) => (
          
            
            
              {item.nickname}
            
          
        )}
        ListFooterComponent={
          isHasMore ? (
            
              
              
            
          ) : (
            
              已经到底了~
            
          )
        }
      />
      
        123
      
    
  )
}

https://docs.expo.dev/versions/latest/sdk/blur-view/

https://github.com/expo/expo/issues/6613

 

 

参考链接：

https://chat.xutongbao.top/