const herbs = this.state.record.map((herb) =>
            <View key={herb.id} style={BackStyles.herb_box}>
                <Image style={BackStyles.image} source={{uri: `${herb.name}.jpg`}}/>
                <View style={{flexDirection: 'column',}}><Text style={BackStyles.header}>{herb.name}</Text>
                    <Text style={BackStyles.sub}>{herb.bot}</Text></View>
            </View>
        );