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

7 bài viết.
2 người follow
Kipalog
{{userFollowed ? 'Following' : 'Follow'}}
Cùng một tác giả
White
4 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 hơn 3 năm trước
4 0
White
3 0
(Link) 0. Tạo user trên Remote Server sudo adduser deployer sudo usermod aG wwwdata deployer sudo chfn o umask=022 deployer sudo chown deplo...
trungpv viết hơn 1 năm trước
3 0
White
2 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 gần 3 năm trước
2 0
Bài viết liên quan
White
0 0
Dưới đây là một số hướng dẫn để làm app đẹp hơn :smile: Add icon Mình sử dụng ui kit React Native Elements, cần gõ 2 lệnh sau để cài đặt và link:...
GNOD viết 2 tháng trước
0 0
White
0 0
Perf monitor giúp theo dõi fps của ứng dụng, khi kích hoạt sẽ hiển thị bảng như bên dưới (Ảnh) Để kích hoạt, trong Command Prompt gõ lệnh: adb sh...
GNOD viết 2 tháng trước
0 0
White
1 0
React Native Neact Native là gì? React Native là một framework do công ty công nghệ nổi tiếng Facebook phát triển nhằm mục đích giải quyết bài to...
NHD-Zoro viết 3 tháng trước
1 0
{{like_count}}

kipalog

{{ comment_count }}

bình luận

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


White
{{userFollowed ? 'Following' : 'Follow'}}
7 bài viết.
2 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á!