如何在React native中做最后一个孩子的选择器？

import React from 'react';
import { View, FlatList, TouchableOpacity, Text } from 'react-native';

const ChildComponent = ({ item, isLastChild }) => {
  const childStyle = isLastChild ? { backgroundColor: 'yellow' } : {};

  const handlePress = () => {
    // 处理最后一个孩子的点击事件
  };

  return (
    <TouchableOpacity onPress={handlePress}>
      <View style={[childStyle, { padding: 10 }]}>
        <Text>{item}</Text>
      </View>
    </TouchableOpacity>
  );
};

const ParentComponent = () => {
  const childrenArray = ['Child 1', 'Child 2', 'Child 3'];

  return (
    <FlatList
      data={childrenArray}
      renderItem={({ item, index }) => (
        <ChildComponent item={item} isLastChild={index === childrenArray.length - 1} />
      )}
      keyExtractor={(item, index) => index.toString()}
    />
  );
};

export default ParentComponent;