<commit_before>/**
 * Sample React Native App
 * https://github.com/facebook/react-native
 * @flow
 */

import React, { Component } from 'react';
import {
    TouchableHighlight
} from 'react-native';

import * as Animatable from 'react-native-animatable';
import Entypo from 'react-native-vector-icons/Entypo';


export default class RowGraph extends Component {
    componentWillMount(){        console.log(this.state);
    }
    componentDidMount(){
    }
    render() {
        const styles = StyleSheet.create({
        });
        return (
            <View style={styles.container}>

            </View>
        );
    }
}
<commit_msg>Implementation of row screen.<commit_after>/**
 * Sample React Native App
 * https://github.com/facebook/react-native
 * @flow
 */

import React, { Component } from 'react';
import {
    AppRegistry,
    StyleSheet,
    Text,
    View,
    Image,
    Dimensions,
    AsyncStorage,
    Platform,
    AppState,
    TouchableHighlight
} from 'react-native';

import * as Animatable from 'react-native-animatable';
import Entypo from 'react-native-vector-icons/Entypo';


export default class RowGraph extends Component {
    state = {
        size : this.props.size,
        title : this.props.title,
        subTitle : this.props.subTitle,
        maxValue : this.props.maxValue,
        value1 : this.props.value1,

        padding : (GLOBAL.width - this.props.size)/2,
        colorBar : this.props.value1 / this.props.maxValue * 100 * ((this.props.size-(GLOBAL.width - this.props.size))/100),
    }
    componentWillMount(){
        console.log(this.state);
    }
    componentDidMount(){
    }
    render() {
        const styles = StyleSheet.create({
            container: {
                width: this.state.size,
                //height: this.state.size,
                marginTop: this.state.padding,
                padding: this.state.size * 0.05,
                alignItems: 'center',
                justifyContent: 'center',
                backgroundColor:'#fff',
            },
            topLable:{
                width: this.state.size - this.state.padding*2,
                alignItems: 'center',
                justifyContent: 'space-between',
                flexDirection:'row',
                padding: this.state.size * 0.02,
                marginBottom: this.state.size*0.08,
            },
            Text:{
                color :'#999',
                fontSize : 20,
            },
            midLable:{
                width: this.state.size - this.state.padding*2,
                alignItems: 'flex-end',
                justifyContent: 'center',
            },
            bottomLable:{
                width: this.state.size - this.state.padding*2,
                height: this.state.size*0.025,
                backgroundColor:'#f9f9f9',
                alignItems: 'center',
                justifyContent: 'flex-start',
                flexDirection:'row',
            },
            bottomLable_colorBar:{
                width: this.state.colorBar,
                height: this.state.size*0.025,
                backgroundColor:'#04D6B2',
            },
        });
        return (
            <View style={styles.container}>

                <View style={styles.topLable}>
                    <Entypo name="adjust" size={this.state.size*0.1} color="#ccc"/>
                    <Text style={styles.Text}>{this.state.title}</Text>
                </View>

                <View style={styles.midLable}>
                    <Text>{this.state.value1} / {this.state.maxValue}</Text>
                </View>

                <View style={styles.bottomLable}>
                    <Animatable.View animation="bounceIn" style={styles.bottomLable_colorBar}/>
                </View>
            </View>
        );
    }
}

{'fraction_non_alphanumeric': 0.12424322190050013, 'fraction_numerical': 0.011845222426954462, 'mean_word_length': 1.611683848797251, 'pattern_counts': {'":': 0, '<': 19, '<?xml version=': 0, '>': 19, 'https://': 2, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6639407', 'n_tokens_mistral': 1093, 'n_tokens_neox': 1033, 'n_words': 196}