import React from 'react' ; import { Text } from 'react-native' ; import { Badge , List } from '@uiw/react-native' ; import { ComProps } from '../../routes' ; import Layout , { Container } from '../../Layout' ; const { Header , Body , Footer } = Layout ; export interface BadgeViewProps extends ComProps { } export default class BadgeView extends React . Component < BadgeViewProps > { render ( ) { const { route , navigation } = this . props ; const description = route . params . description ; const title = route . params . title ; return ( < Container > < Layout > < Header title = { title } description = { description } / > < Body > < List size = "small" flat = { false } > < List . Item onPress = { ( ) => navigation . goBack ( ) } > 这6种编码方法 ， 你掌握了几个 ？ < /List.Item> < List . Item extra = { < Badge text = "450k" color = "green" / > } > < Badge type = "dot" text = { < Text > 450 k < /Text>} color="green"/ > < Text > Protobuf 生成 Go代码指南 < /Text> < /List.Item> < List . Item extra = { < Badge text = "10" color = "green" / > } > Git 版本控制的核心概念 < /List.Item> < List . Item extra = { < Badge text = "450k" color = "green" / > } > HTTP Referer 和 Referrer Policy < /List.Item> < List . Item extra = { < Badge text = "450k" color = "yellow" / > } > 何解 ？ 浪费一年时间 ， 我学了假人工智能 < /List.Item> < List . Item extra = { < Badge text = "450k" color = "green" / > } > < Text > 超燃 ！ 高效 MacBook 工作环境配置 ， 超实用 < /Text> < /List.Item> < List . Item extra = { < Badge text = "标记" color = "red" / > } > < Text > 一文带你搞懂 API 网关 < /Text> < /List.Item> < /List> < List size = "small" flat = { false } title = "设置类型 type?: 'dot' | 'text'" > < List . Item extra = { < Badge type = "dot" text = "450k" color = "red" / > } onPress = { ( ) => navigation . goBack ( ) } > 这6种编码方法 ， 你掌握了几个 ？ < /List.Item> < List . Item extra = { < Badge text = "450k" color = "red" / > } > < Badge type = "dot" text = "450k" color = "green" / > < Text > Protobuf 生成 Go代码指南 < /Text> < /List.Item> < /List> < /Body> < Footer / > < /Layout> < /Container>); } }