原创 React native搜索框實時模糊搜索

搜索框樣式<View style={{ paddingRight: 15, paddingLeft: 15, marginTop: 10 }}> <View style={{ height: 40, backgro

原创 React-Native Fetch方法發送網絡請求

fetch('https://mywebsite.com/endpoint/', { method: 'POST', headers: { 'Accept': 'application/json',

原创 用DatePickerAndroid實現的日曆頁面

1.做一個有開始日期和結束日期的日曆選擇框,要求開始日期可以隨便選擇日期,結束日期的選擇段必須在開始日期之後的31天內; 2.如果用戶先選擇結束日期,選開始日期時選定的日期大於結束日期,則結束日期自動清空; 用RN自帶的DatePicke

原创 漢諾塔問題

問題一 現在有n個圓盤從上往下從小到大疊在第一根柱子上,要把這些圓盤全部移動到第三根柱子要怎麼移動呢?請找出需要步驟數最少的方案 因此我們可以將問題簡化描述爲:n個盤子和3根柱子:A(源)、B(備用)、C(目的),盤子的大小不同且中間有一

原创 關於React native onEndReached使用心得

任務需求:做一個搜索框,根據用戶輸入內容不斷進行模糊搜索,使搜索結果可以分頁,下拉觸發更多數據。搜索結果用了一個ListView控件,並使用了onEndReached函數。如下所示:<ListView

原创 react-native ViewPageAndroid頁面跳轉問題

詳情參考http://www.cnblogs.com/Sweet-Candy/p/5694723.html

原创 關於項目統一管理android.index.js和ios.index.js

1.統一管理內容寫到success.js裏面,格式如下: import React, { Component } from 'react'; import { View, Text, Navigator } from 'react-na

原创 react native加載base64照片

var baseImg='data:image/png;base64,圖片base64編碼' <Image source={{uri:baseImg}} style={{}}/>

原创 DatePickerIOS的使用

上一篇介紹了DatePickerAndroid的使用方法,本篇介紹在ios上面使用日曆的方法,做出和上篇一樣的日曆效果。 在ios上,要和組件Modal相結合,做出的效果和原生差不多。 Modal控件效果如下代碼所示: <Modal

原创 react native 實現modal的自適應大小

1.設置modal的寬度爲固定,長度根據內容多少變化 2.在另一個頁面引入modal時,可以根據需求添加圖片,title或改變佈局,modal仍可以自適應 總體來說,定義一個modal可以在不同的頁面引用,根據modal模板轉化爲不同的形

原创 json和javascript對象區別及小應用

json 定義 :是一種格式,用於數據交換。Javascript 對象 定義 : 一種javascript的引用類型區別 對比內容 JSON Javascript 對象 鍵名 必須是加雙引號 可允許加單引號,雙引號,也可以不加 屬性值

原创 React Native按下按鈕呈現的效果

實現點擊“在線客服“”和“設置“”一欄背景色由#ffffff變爲#f0f2f5 <View style={styles.settingView}>

原创 react native九宮格的實現(具有可擴展性)

封裝單獨的組件class Info extends Component{ render(){ var index=this.props.index; return( <Tou

原创 React-Native配置自定義字體文件

詳情:http://www.jianshu.com/p/96d5c66791c3