Dismiss keyboard on React Native: Tắt keyboard khi chạm ra ngoài TextInput

Dismiss keyboard on React Native: Tắt keyboard khi chạm ra ngoài TextInput

import React, { Component } from 'react';
import { TouchableWithoutFeedback, View, TextInput } from 'react-native';
import dismissKeyboard from 'react-native/Libraries/Utilities/dismissKeyboard';

export default class LoginForm extends Component {
    constructor(props) {
      super(props);
      this.state = { text: 'Useless Placeholder' };
    }

    render () {
        return (
            <TouchableWithoutFeedback style= { { flex:1}} onPress={dismissKeyboard}>
                <View style= { { flex:1}}>
                    <TextInput
                        multiline={true}
                        style= { { height: 100, borderColor: 'gray', borderWidth: 1, marginTop: 100}}
                        value={this.state.text}
                      />
                </View>
            </TouchableWithoutFeedback>
        );
    }
}

trungpv1601 15-03-2017

Bình luận


White
{{ comment.user.name }}
Bỏ hay Hay
{{comment.like_count}}
Male avatar
{{ comment_error }}
Hủy
   

Hiển thị thử

Chỉnh sửa

White

trungpv

4 bài viết.
0 người follow
Kipalog
{{userFollowed ? 'Following' : 'Follow'}}
Cùng một tác giả
White
3 0
Cài đặt môi trường cho laravel dùng docker 1. Cài đặt laravel composer createproject preferdist laravel/laravel blog 2. Tạo file dockercom...
trungpv viết 11 tháng trước
3 0
White
1 0
Đổi tên project React Native Sửa tên trong file app.json Xoá thư mục ios/ và android/ Chạy lệnh: reactnative eject Chạy lệnh reactnative li...
trungpv viết 4 tháng trước
1 0
Bài viết liên quan
White
1 4
Mục đích của cái log này là gì? ReactJS và React Native đang là những cái tên khá hot hiện nay, với phương châm "Learn once, write anywhere" , bộ ...
Trung Trần viết gần 2 năm trước
1 4
White
1 0
Đổi tên project React Native Sửa tên trong file app.json Xoá thư mục ios/ và android/ Chạy lệnh: reactnative eject Chạy lệnh reactnative li...
trungpv viết 4 tháng trước
1 0
{{like_count}}

kipalog

{{ comment_count }}

bình luận

{{liked ? "Đã kipalog" : "Kipalog"}}


White
{{userFollowed ? 'Following' : 'Follow'}}
4 bài viết.
0 người follow

 Đầu mục bài viết

Vẫn còn nữa! x

Kipalog vẫn còn rất nhiều bài viết hay và chủ đề thú vị chờ bạn khám phá!