react-native-newsticker
Thành phần Màn hình Tin Tức cho React Native
Demo
Cài đặt
trong Cli
npm i react-native-newsticker
trong JavaScirpt
import Newsticker from 'react-native-newsticker';
Sử dụng
Mặc định
<Newsticker text={'This is a really awesome Newsticker !!'} />
Tùy chỉnh
<Newsticker
style={styles.alignLeft}
typeInterval={100}
blinkInterval={500}
onFinish={() => {this.onFinish()}}
cursor={true}
start={this.state.is_begin}
back={this.state.is_back}
text={'This is a really awesome Newsticker !!'}
/>
Props
text(String) Mặc định: ''
Văn bản của màn hình tin tức
start(boolean) Mặc định: true
Nếu bạn truyền false, màn hình tin tức sẽ không bắt đầu. Nếu bạn truyền false trong quá trình chạy, màn hình tin tức sẽ dừng. Bạn có thể chuyển đổi màn hình tin tức bằng cách sử dụng tham số này.
back(boolean) Mặc định: false
Nếu bạn truyền true khi start
là true, màn hình tin tức sẽ bắt đầu chiều ngược lại.
typeInterval(int) Mặc định: 100
Khoảng thời gian của màn hình tin tức
blinkInterval(int) Mặc định: 500
Khoảng thời gian nhấp nháy của con trỏ
onFinish(function)
Nếu hoàn thành màn hình tin tức, hàm này sẽ được gọi
cursor(boolean) Mặc định: true
Mặc định, con trỏ xuất hiện bên phải văn bản. Khi màn hình tin tức kết thúc, con trỏ bắt đầu nhấp nháy. Nếu bạn truyền false, con trỏ sẽ không hiển thị.
style Mặc định: ''
Kiểu của văn bản
Đóng góp
Tất nhiên! Chào mừng 🙂
Bạn có thể sử dụng các lệnh sau trong thư mục ví dụ
:
npm run sync
Trong quá trình chạy lệnh này, khi bạn thay đổi mã nguồn để triển khai/sửa lỗi gì đó, những thay đổi này sẽ đồng bộ hóa với example/node_modules/react-native-newsticker/
. Bạn có thể kiểm tra sự thay đổi của mình bằng dự án ví dụ một cách dễ dàng.
Chi tiết Tải xuống:
Tác giả: moschan
Mã nguồn: https://github.com/moschan/react-native-newsticker
Giấy phép: MIT license