8、React Native核心组件开发指南

React Native核心组件开发指南

1. 构建AuthorRow组件

在React Native开发中，我们可以构建一个 AuthorRow 组件来显示作者信息和操作链接。以下是 AuthorRow 组件的代码：

// image-feed/1/components/AuthorRow.js
// ...
export default function AuthorRow({ fullname, linkText, onPressLinkText }) {
  return (
    <View style={styles.container}>
      <Avatar
        size={35}
        initials={getInitials(fullname)}
        backgroundColor={getAvatarColor(fullname)}
      />
      <Text style={styles.text} numberOfLines={1}>
        {fullname}
      </Text>
      {!!linkText && (
        <TouchableOpacity onPress={onPressLinkText}>
          <Text numberOfLines={1}>{linkText}</Text>
        </TouchableOpacit