drnaf/src/elements/DRNAFInputText.js

Dynamic React-Native Application Framework

import React, { Component } from 'react'
import {
  View,
  Image,
  TextInput, TouchableOpacity
} from 'react-native'
import { DRNAFComponent } from '../inherites/DRNAFComponent'
import { l } from '../utilities/Logs';

export class DRNAFInputText extends DRNAFComponent {
  constructor(props) {
    super(props, "DRNAFInputText")

    // prepare usage variables
    const request = props.request;

    this.state = {
      reference_key: props.reference_key,
      callback: props.callback,
      placeHolder: request.placeHolder,
      style: request.style,
      label: request.label,
      value: '',

    }

    const val = this.deleteUselessField(this.state.style, [
      {
        name: 'width',
        commands: ['int', 'percentage'],
        negative: [{
          action: 'delete',
        }]
      },
      {
        name: 'height',
        commands: ['int', 'percentage'],
        negative: [{
          action: 'delete',
        }]
      }
    ]);

    // l.obj(mtn + "result: ", val);
    // l.obj(mtn + "style: ", this.state.style);


  }

  /** [Inbound] Feature methods */
  render() {
    // clickable 
    return <View style={{
      padding: 2,
      marginTop: 4,
      backgroundColor: 'white',
    }}>
      <TextInput
        onChangeText={(val) => {
          this.entities.value.type = 'number';
          this.entities.value.data = Number.parseInt(val + "");

          // collection callback
          super.collectionCallback({
            fieldName: this.state.reference_key + "",
            data: val,

          })

        }}
        placeholder={this.state.placeHolder + ""}
        style={this.state.style}></TextInput>
    </View >
  }
}