React Native FlatListのItemのプロパティを使って表示の分岐をしたい

いつもお世話になってます。
ReactNative始めたての初学者です。
TypeScriptを使って開発進めていますが、JavaScriptも触った事がないので苦しいコードになってしまっているかもしれませんが、宜しくお願いします。

tsx
1import React, { useState }from 'react';
2import { Image, StyleSheet, Text, View, Button, FlatList } from 'react-native';
3import 'react-native-gesture-handler';
4
5const data: any[] = [
6  {Name: '田中',Count:'0'},
7　{Name: '佐藤',Count:'3'},
8];
9
10export default function App() {
11
12    const [dataLengthState, setDataLength] = useState(0)
13
14    return (
15        <View style={styles.container}>
16        <FlatList 
17          data={data}
18          extraData={dataLengthState}
19          keyExtractor={item => item}
20          renderItem={({ item }) =>
21            <View>
22              <byCountVisible/>
23            </View>
24          }
25        />
26        <Button
27        title="人追加ボタン"
28        onPress={() => 
29          {
30            var randomNum = Math.floor( Math.random() * 2);
31            if (randomNum == 0)
32            {
33              data.push({Name: '加藤',Count:'5'});
34              setDataLength(data.length); 
35            }
36            if (randomNum == 1) 
37            {
38              data.push({Name: '澤',Count:'7'});
39              setDataLength(data.length); 
40            } 
41          }
42        }
43        />
44        </View>
45      </View>
46    );
47
48    function byCountVisible () {
49     //　下記条件はイメージです。
50      if (renderItem.Count == 5)
51      {
52         return(
53            //　何か表示
54         );
55      }
56      if (renderItem.Count == 7) 
57      {
58         return(
59           //　何か表示
60         );
61      }
62    }
63}
64
65const styles = StyleSheet.create({
66  container: { 
67    backgroundColor: '#ffffff' ,
68    flexDirection:'row',
69  },
70  
71});