推荐开源项目:nativecn-ui - 美观且高度可定制的React Native组件库
warning:
这篇文章距离上次修改已过205天,其中的内容可能已经有所变动。
import React from 'react';
import { View, Text } from 'react-native';
import { Button } from 'nativecn-ui';
export default class App extends React.Component {
render() {
return (
<View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
<Text>开始使用nativecn-ui</Text>
<Button onPress={() => alert('按钮被点击')}>点击我</Button>
</View>
);
}
}
这段代码展示了如何在React Native应用中引入和使用nativecn-ui
库中的Button
组件。当按钮被点击时,会弹出一个简单的警告框。这个例子简单明了地展示了如何使用该库,并且可以作为开发者学习和集成该库的起点。
评论已关闭