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

最新推荐文章于 2025-09-07 23:14:31 发布

purple

最新推荐文章于 2025-09-07 23:14:31 发布

阅读量36

点赞数

CC 4.0 BY-SA版权

分类专栏：全栈React Native：从入门到精通文章标签： React Native 组件开发 AuthorRow

本文链接：https://blog.csdn.net/purple/article/details/150052506

全栈React Native：从入门到精通专栏收录该内容

24 篇文章 ¥499.90

订阅专栏¥69.90

会员秒杀 ¥9.9 重磅福利

超级会员免费看

React Native核心组件开发指南

1. 打造AuthorRow组件

在开发的初期，我们着眼于构建 AuthorRow 组件，它的目的是展示作者的姓名，并且提供一个可点击的“Comments”链接。

代码示例 ：

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>
        </Touc