react native :如何在复选框旁边放置标签，同时标记复选框？

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

const CheckboxWithLabel = () => {
  const [isChecked, setIsChecked] = useState(false);

  const handleCheckboxToggle = () => {
    setIsChecked(!isChecked);
  };

  return (
    <TouchableOpacity onPress={handleCheckboxToggle} style={{ flexDirection: 'row', alignItems: 'center' }}>
      <View style={{ width: 20, height: 20, borderWidth: 1, borderColor: 'black', marginRight: 10 }}>
        {isChecked && <View style={{ flex: 1, backgroundColor: 'black' }} />}
      </View>
      <Text>Label</Text>
    </TouchableOpacity>
  );
};

export default CheckboxWithLabel;