原创 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