Пример #1
0
    },
    signButton: {
        marginTop: deviceHeight/20,
        height: deviceHeight/13,
        borderRadius: 7,
        backgroundColor: 'rgba(36, 92, 188, 1.0)',
        justifyContent: 'center',
    },
    forgotButton: {
        marginTop: deviceHeight/30,
        backgroundColor: 'transparent',
        justifyContent: 'center',
    },
});

const EmailField = MKTextField.textfield()
    .withPlaceholder('Email Address')
    .withStyle(styles.textfield)
    .build();

const PasswordField = MKTextField.textfield()
    .withPlaceholder('Password')
    .withPassword(true)
    .withStyle(styles.textfield)
    .build();

export default class extends React.Component {
    constructor(props) {
        super (props);
        this.state = {
            offset: new Animated.Value(0)
Пример #2
0
    flexDirection: 'column',
    // alignItems: 'center', // this will prevent TFs from stretching horizontal
    marginLeft: 7, marginRight: 7,
    // backgroundColor: MKColor.Lime,
  },
  textfield: {
    height: 28,  // have to do it on iOS
    marginTop: 32,
  },
  textfieldWithFloatingLabel: {
    height: 48,  // have to do it on iOS
    marginTop: 10,
  },
}));

const Textfield = MKTextField.textfield()
  .withPlaceholder('Text...')
  .withStyle(styles.textfield)
  .build();

const TextfieldWithFloatingLabel = MKTextField.textfieldWithFloatingLabel()
  .withPlaceholder('Number...')
  .withStyle(styles.textfieldWithFloatingLabel)
  .withFloatingLabelFont({
    fontSize: 10,
    fontStyle: 'italic',
    fontWeight: '200',
  })
  .withKeyboardType('numeric')
  .build();
Пример #3
0
import UserTips from '../component/UserTips';

import Modal from 'react-native-simple-modal';
import { Button } from 'react-native-material-design';

const API_ROOT = `${config.graphQLHost}:${config.graphQLPort}`;


import {
  MKTextField,
  MKColor,
  MKSwitch,
  mdl,
} from 'react-native-material-kit';

const PrincipleInput = MKTextField.textfieldWithFloatingLabel()
  .withPlaceholder('输入想加的料')
  .withTintColor(MKColor.Amber)
  .withHighlightColor(MKColor.Amber)
  .withTextInputStyle({color: MKColor.Amber})
  .withFloatingLabelFont({
    fontSize: 10,
    fontStyle: 'italic',
    fontWeight: '200',
    color: '#FFC107'
  })
  .build();


const OrderTipleInput = MKTextField.textfieldWithFloatingLabel()
  .withPlaceholder('备注')
Пример #4
0
import React, { Component } from 'react';
import {
  View,
  Text,
  StyleSheet,
} from 'react-native';
import ScrollableTabContainer from 'react-native-scrollable-tab-view';
import ScrollableTabCard from './ScrollableTabCard';
import TopPad from './TopPad';
import TestMeteor from '../containers/TestMeteor';

import {
  MKTextField,
} from 'react-native-material-kit';

const Textfield = MKTextField.textfield()
  .withPlaceholder('Text...')
  .build();

const styles = StyleSheet.create({
  tabView: {
    flex: 1,
    padding: 10,
    backgroundColor: 'rgba(0,0,0,0.01)',
  },
  card: {
    borderWidth: 1,
    backgroundColor: '#fff',
    borderColor: 'rgba(0,0,0,0.1)',
    margin: 5,
    padding: 15,
Пример #5
0
} from 'react';

import {
  StyleSheet,
  View,
  Text
} from 'react-native';

import {
  MKTextField,
  MKColor,
  mdl,
} from 'react-native-material-kit';


const TextInput = MKTextField.textfieldWithFloatingLabel()
  .withPlaceholder('输入你显示给炒饭大叔的用户名')
  .withTintColor(MKColor.Lime)
  .withTextInputStyle({color: MKColor.Indigo})
  .withFloatingLabelFont({
    fontSize: 10,
    fontStyle: 'italic',
    fontWeight: '200',
  })
  .build();

export default class Loginer extends Component {
  render() {
    return (
      <View style={styles.Loginer}>
        <TextInput