Files
react-native/ReactCommon/fabric/components/textinput/iostextinput/primitives.h
T
Manvir Singh d54113d8c4 implemented showSoftInputOnFocus for iOS (#28834)
Summary:
`showSoftInputOnFocus` was added in https://github.com/facebook/react-native/issues/25028, but it was only added for Android. There was a lot of discussion on the original issue being addressed (https://github.com/facebook/react-native/issues/14045), that there is a need for this on iOS as well. The issue with iOS was brought up again on https://github.com/facebook/react-native/issues/27243.

On a related note, when searching this repo's issues for `showSoftInputOnFocus`, it appears that there are several closed issues that claim that the Android implementation doesn't work (https://github.com/facebook/react-native/issues/25685, https://github.com/facebook/react-native/issues/25687, https://github.com/facebook/react-native/issues/26643). So perhaps the Android implementation needs to be looked at as well (I myself have not gotten around to confirming whether it works or not)

## Changelog

[iOS] [Added] - Add showSoftInputOnFocus to TextInput
Pull Request resolved: https://github.com/facebook/react-native/pull/28834

Test Plan:
You'd use this just like you would in the Android implementation:
```jsx
<TextInput showSoftInputOnFocus={false} />
```

## GIFs
### Before change
![May-04-2020 20-52-49](https://user-images.githubusercontent.com/4932784/81034028-9d89cf80-8e4a-11ea-906c-64f62504f80c.gif)

### After change
![May-04-2020 20-54-27](https://user-images.githubusercontent.com/4932784/81034035-a11d5680-8e4a-11ea-918e-119a1c9e2a19.gif)

Differential Revision: D21418763

Pulled By: shergin

fbshipit-source-id: 561e72fc2cf16b30446132f6b96b8aa2b4a92daf
2020-05-11 09:01:33 -07:00

216 lines
4.0 KiB
C++

/*
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
#pragma once
#include <string>
#include <better/optional.h>
namespace facebook {
namespace react {
// iOS & Android.
enum class AutocapitalizationType {
None,
Words,
Sentences,
Characters,
};
// iOS-only
enum class KeyboardAppearance {
Default,
Light,
Dark,
};
enum class ReturnKeyType {
// Universal
Default,
Done,
Go,
Next,
Search,
Send,
// Android-only
None,
Previous,
// iOS-only
EmergencyCall,
Google,
Join,
Route,
Yahoo,
Continue,
};
// iOS-only
enum class TextInputAccessoryVisibilityMode {
Never,
WhileEditing,
UnlessEditing,
Always,
};
enum class KeyboardType {
// Universal
Default,
EmailAddress,
Numeric,
PhonePad,
NumberPad,
DecimalPad,
// iOS-only
ASCIICapable,
NumbersAndPunctuation,
URL,
NamePhonePad,
Twitter,
WebSearch,
ASCIICapableNumberPad,
// Android-only
VisiblePassword,
};
/*
* Controls features of text inputs.
*/
class TextInputTraits final {
public:
/*
* iOS & Android
* Default value: `false`.
*/
bool multiline{false};
/*
* iOS & Android
* Default value: `None`.
*/
AutocapitalizationType autocapitalizationType{AutocapitalizationType::None};
/*
* Can be empty (`null` in JavaScript) which means `default`.
* iOS & Android
* Default value: `empty` (`null`).
*/
better::optional<bool> autoCorrect{};
/*
* iOS & Android
* Default value: `false`.
*/
bool contextMenuHidden{false};
/*
* iOS & Android
* Default value: `true`.
*/
bool editable{true};
/*
* iOS-only (implemented only on iOS for now)
* If `true`, will automatically disable return key when text widget has
* zero-length contents, and will automatically enable when text widget has
* non-zero-length contents.
* Default value: `false`.
*/
bool enablesReturnKeyAutomatically{false};
/*
* Some values iOS- or Android-only (inherently particular-OS-specific)
* Default value: `Default`.
*/
KeyboardAppearance keyboardAppearance{KeyboardAppearance::Default};
/*
* Controls the annotation of misspelled words for a text input.
* iOS-only (implemented only on iOS for now)
* Can be empty (`null` in JavaScript) which means `default`.
* Default value: `empty` (`null`).
*/
better::optional<bool> spellCheck{};
/*
* iOS & Android
* Default value: `false`.
*/
bool caretHidden{false};
/*
* Controls the visibility of a `Clean` button.
* iOS-only (implemented only on iOS for now)
* Default value: `Never`.
*/
TextInputAccessoryVisibilityMode clearButtonMode{
TextInputAccessoryVisibilityMode::Never};
/*
* iOS-only (implemented only on iOS for now)
* Default value: `true`.
*/
bool scrollEnabled{true};
/*
* iOS & Android
* Default value: `false`.
*/
bool secureTextEntry{false};
/*
* iOS & Android
* Default value: `false`.
*/
bool blurOnSubmit{false};
/*
* iOS-only (implemented only on iOS for now)
* Default value: `false`.
*/
bool clearTextOnFocus{false};
/*
* Some values iOS- or Android-only (inherently particular-OS-specific)
* Default value: `Default`.
*/
KeyboardType keyboardType{KeyboardType::Default};
/*
* iOS & Android
* Default value: `true`.
*/
bool showSoftInputOnFocus{true};
/*
* Some values iOS- or Android-only (inherently particular-OS-specific)
* Default value: `Default`.
*/
ReturnKeyType returnKeyType{ReturnKeyType::Default};
/*
* iOS & Android
* Default value: `false`.
*/
bool selectTextOnFocus{false};
/*
* iOS-only (inherently iOS-specific)
* Default value: `<empty string>` (default content type).
*/
std::string textContentType{};
/*
* iOS-only (inherently iOS-specific)
* Default value: `<empty string>` (no rules).
*/
std::string passwordRules{};
};
} // namespace react
} // namespace facebook